С помощью палитры цветов можно выбрать два цвета
Добавил пользователь Cypher Обновлено: 19.09.2024
Для того чтобы создать хорошее сочетание цветов, не обязательно быть профессиональным дизайнером или специалистом по теории цвета. Как дизайнеры выбирают отличные сочетания цветов, ведь общее их количество очень огромно?
Чтобы ответить на этот вопрос, нужно для начала понять, что в целом сочетание цветов можно считать субъективным, но есть психологические аспекты, которые влияют на человеческое восприятие.
То есть, каждый цвет и сочетание цветов влияют на восприятие человека и может побуждать его к совершению какого-либо действия. Чтобы создавать и использовать только хорошие цветовые сочетания, важно понимать природу и особенности каждого цвета. Для начала разберем природу цветов и их сочетания.
Вторичные цвета создаются путем объединения основных цветов в равных частях:
- Синий + желтый = зеленый
- Синий + красный = фиолетовый
- Красный + желтый = оранжевый
Наконец, у нас есть цвета третьего уровня, которые формируются комбинацией первично-вторичных в равных частях.
- Синий + Зеленый = Аквамарин
- Синий + фиолетовый = Сине-фиолетовый
- Красный + Оранжевый = Спелый
- Красный + фиолетовый = Пурпурный
- Желтый + оранжевый = Леденцовый
Значение цветов
Каждый цвет несет свое значение и восприятие для человека. Рассмотрим основные цветовые значения.
Красный цвет
Красный связан с тремя основными ситуациями: любовь - сердце красное, подарки ко дню Святого Валентина содержат как минимум красный оттенок. Красный цвет вызывает волнение – вот, почему многие кнопки призыва к действию имеют красный цвет. В-третьих, красный цвет указывает на опасность.
Вы когда-нибудь задавали себе вопрос, почему большинство дорожных знаков содержат красный цвет? Теперь у вас есть ответ на этот вопрос.
Синий цвет отлично подходит практически во всех сферах, он олицетворяет небо, воду, а также легкость и некую непринужденность, и безмятежность. Человеку данный цвет дает ощущение комфорта и спокойствия.
Так как данный цвет символизирует открытость – мы можем его наблюдать в таких социальных сетях, как вконтакте, фесбук и твиттер. Также данный цвет часто применяется на сайтах, связанных с финансами.
Зеленый цвет ассоциируется с чистотой, свежестью и легкостью. Данный цвет часто используется в здоровом питании, а также для обозначения окружающей среды.
По результатам многочисленных исследований, при стрессовых ситуациях человек испытывает крайне негативные эмоции и происходит повышение его цветочувствительности к зелёному и синему. И напротив — если человек переживает положительные эмоции, чувствительность к этим цветам снижается.
Примеры хороший сочетаний цветов
Ниже приведены отличные примеры сочетаний цветов, данные сочетания вы можете использовать при разработке веб-сайта, приложения, а также создания интерьера.
Двенадцатеричный цветовой круг / Цветовой круг Йоханнеса Иттена.
Двенадцатеричный цветовой круг — классический. Он помогает подбирать гармоничные цветовые комбинации из двух, трех, четырех и более цветов.
Круг разделен на 12 частей:
Основные цвета — желтый, синий и красный.
Дополнительные цвета — оранжевый, зеленый и фиолетовый.
Между основными и дополнительными оттенками есть переходные цвета.
В круге есть разделение на холодные/теплые оттенки:
Ключевые параметры цвета:
Оттенок/Насыщенность/Яркость/Светлота
Оттенок — разновидность цвета из цветового круга.
Насыщенность — интенсивность определенного тона. От полного отсутствия до максимальной интенсивности.
Яркость/Осветление — градиент от наиболее яркой точки к более темной.
Цветовые гармонии
Монохром
Начнём с самого простого варианта — монохром. Использование только одного цвета, всех его оттенков, тональностей и теней. Например, синего (как на первой картинке).
Аналогичные цвета
Используются те цвета, что находятся рядом друг с другом в цветовом круге: два или три цвета.
Комплиментарные/противоположные цвета
Самая распространённая гармония, основана на контрасте двух удаленных или предельно удаленных цветов.
На цветовом круге они расположены друг напротив друга.
Комплиментарные цвета часто используются в кино:
Четыре гармоничных цвета
Это сдвоенные комплиментарные цвета — используются противоположные оттенки.
Вот несколько примеров:
Раздельные комплиментарные цвета
В данной гармонии цвету на одной стороне круга противостоят два на противоположной стороне.
Гармонические триады
В этой гармонии происходит разделение на три основных цвета.
Композиция цвета
Композиция цвета основана на пропорции одного цвета. Помогает выделять главное и второстепенное.
Очень часто пропорциональное распределение оттенков в кадре используется в мультфильмах, кино, фотографии.
Например, на первом фото фон в оттенках коричневого, а герои в синих и белых цветах. Но выделяется синий цвет и белый, хотя коричневого в кадре больше. Это сделано для того, чтобы зритель обратил внимание на героев, а задний фон стал не так важен.
Тема смешивания цветов важна как для классических, так и для цифровых художников. Разобравшись во всех нюансах, вы сможете не только понять, как получить абсолютно любой цвет, но и научитесь создавать красивые палитры. В статье собраны схемы, таблицы и правила получения цветов от профессиональных художников. С ними вопрос смешивания цветов станет понятным и интересным.
Общая схема смешивания цветов
Существует три основных цвета:
И три дополнительных цвета, полученных в результате смешивания основных цветов:
схема образования цветового круга
Как на практике происходит смешивание цветов демонстрирует следующее видео:
Поэтому всегда остается место эксперименту – смешивайте разные количества и пропорции цветов.
Схема смешивания цветов в разных пропорциях. Источник
Добавляйте белый или черные пигменты, чтобы достигнуть необходимого эффекта. Белый, чтобы сделать цвета светлее. В случае таких красок, как гуашь, придать им пастельные оттенки.
Осветление красок с помощью белого цвета
Затемнение красок с помощью черного цвета
Естественно, многое зависит и от типа краски – акварель, гуашь, акрил, масляная. Каждая из них требует своего подхода.
Ниже приведена таблица смешивания цветов для масляной, акриловой, акварельной красок. Ее использует в своей работе профессиональный художник Андрей Пугач .
Огромное значение имеет тип и цвет поверхности, на которую наносится краска. И, естественно, палитра или то, что вы используете для смешивания цветов, должно быть чистым. Все это особенности, которым учатся художники на протяжении долгого времени.
Теперь рассмотрим более подробно самые популярные запросы на получение новых цветов.
Как получить коричневый цвет
Вопрос, какие цвета смешать, чтобы получить коричневый особенно актуален в пейзажной и портретной живописи. Например, подобрать нужный цвет кожи будет намного проще, зная, какой пигмент стоит добавить в уже имеющийся оттенок, чтобы получить разные варианты коричневого.
Рассмотрим несколько способов.
1 способ. Из основных цветов
Добавляйте в него красный и синий пигменты, чтобы получить разные оттенки коричневого. Так же может понадобиться немного черного и белого цветов.
Такой подход отлично демонстрирует следующая схема от Джули Дуэл
Как получить коричневый из главных цветов
Полученный таким способом коричневый цвет имеет земельные, природные оттенки, поэтому его так удобно использовать в пейзажах.
2 способ. Из дополнительных цветов
Коричневый цвет можно получить смешиванием не только основных цветов, но и ранее полученных дополнительных оттенков. Например:
- Желтый + Фиолетовый = Коричневый
- Голубой + Оранжевый = Коричневый
- Красный + Зеленый = Коричневый
Пример можно увидеть на следующей схеме.
Схема получения коричневого из дополнительных цветов .
Чтобы получить коричневый цвет разных оттенков, добавляйте новые цвета. Поможет вам в этом следующая таблица смешивания цветов.
Очень доступно о получении коричневого цвета из трех базовых цветов на практике, рассказывает практикующий художник на своем канале.
Как получить фиолетовый цвет
Фиолетовый цвет часто используется в таких направлениях как:
- Ночные пейзажи
- Изображения в силе киберпанк
- Научные, фантастические и футуристические изображения
Самый простой способ сделать фиолетовый цвет – это смешать синий и красный в равных пропорциях. Но в результате может получиться грязный цвет.
Чтобы избежать этого поэкспериментируйте с пропорциями и дополнительными оттенками. А поможет в этом следующая таблица.
Как получить красивый фиолетовый цвет из разных красок расскажет следующее видео
Как получить зеленый цвет
Зеленый – пожалуй самый важный в пейзажной живописи цвет.
Базовый зеленый цвет с травянистым оттенком получается в результате смешивания синего и желтого в равных пропорциях. Добавляйте к нему разные пигменты и получайте новый оттенки.
Следующая таблица расскажет, как получить разные варианты зеленого цвета.
Как на практике выглядит смешивание цветов для получения разных оттенков зеленого, можно посмотреть в следующем видео.
Как получить оранжевый цвет
Оранжевый, жизнерадостный и теплый цвет, без которого невозможно представить пейзажи с закатами. Изображения с огнем или цветочными полями.
Чтобы получить оранжевый цвет смешайте в равных пропорциях желтый и красный. Добавляя разные дополнительные оттенки можно получить большое количество вариантов этого цвета.
Что наглядно демонстрирует следующая таблица смешивания цветов.
Посмотреть, как на практике художник получает разные оттенки оранжевого можно в следующем видео:
Смешивание цветов онлайн
Посмотреть, какой результат получится после смешивания двух и более цветов, можно в режиме онлайн. Для этого воспользуйтесь одним из следующих сервисов.
В цифровой живописи сервисы онлайн особенно востребованы при создании картин в стиле импрессионизм . Когда визуальное смешение цветов происходит за счет нанесения мелких мазков разного цвета рядом друг с другом.
Сервис позволяет смешать от 1 до 4 оттенков. Для каждого из цветов, в то числе полученного указаны коды по системам HEX, RGB, HSL и CMYK. Пропорции цветов берутся одинаковые.
Пример смешивания цветов онлайн
Данный сервис помогает смешать до 10 цветов и задать пропорции смешивания, что очень удобно! Результат также представляется вместе с кодами в системах RGB и HEX.
Пример смешивания цветов онлайн
Заключение
О цвете можно говорить бесконечно. Это очень большая и увлекательная тема. Техника смешивания цветов зависит от красок, которые вы используете и стиля, в котором собираетесь рисовать.
Главная задача данного материала — дать базовые понятия смешивания цветов, которыми должен обладать каждый дизайнер.
Пишите, какие еще схемы и таблицы образования цветовых оттенков, вы хотели бы видеть в данной статье и мы обязательно опубликуем их.
по e-mail или социальных сетях
и мы обязательно опубликуем для вас еще больше полезных уроков и бесплатных ресурсов!
Подбор цвета – это ответственный момент в работе любого дизайнера. Эксперименты с цветом порой дают неожиданные результаты. Цвет может объединять значимые элементы дизайна, помогать выделять значимые части, таким образом цвет может помогать выстраивать композицию.
Известно значение цвета и в психологии – влияние на настроение, на работоспособность, душевное равновесие. Для творчества необходима подпитка, поиск идей, нестандартных решений. Чувство цвета поможет определиться с выбором.
Однако возможности дизайнера, который постоянно ищет что-то новое, не безграничны. В этом случае на помощь приходят онлайн сервисы по подбору сочетания цветов. Здесь можно найти неплохие варианты.
Необходимо уметь пользоваться этими сервисами подбора цвета. В этом вам помогут знания, а именно как пользоваться цветовым кругом для сочетания цвета. Здесь на примерах и с картинками подробно изложены все цветовые схемы.
В подборке нашего сайта я выделила 2 категории подобных сервисов – русскоязычные и англоязычные.
Русские сервисы сочетания цветов
Среди множества русскоязычных онлайн сервисов можно выделить 5 основных (самых популярных), каждый из которых обладает своими достоинствами и недостатками:
Colorscheme
In colour balance
Colorup.tikkurila
Color Adobe
Генератор цветовых схем
Англоязычные сайты по подбору цвета
Не смотря на то, что эти сайты зарубежные, пользоваться ими несложно даже без знаний языка, так как генераторы интуитивно понятны. В обзоре я буду делать акценты на основные моменты их использования.
Random Material Generator
Material Mixer
Colorhunter
Palette Generation
Material Palette
Colorotate
Colorblender
Colorspire
Paletton
Colorexplorer
Человеческий глаз воспринимает от 8 до 16 миллионов цветов. И как тут понять, что с чем сочетать, чтобы получить удачную комбинацию в дизайне? Для упрощения этой задачи были придуманы различные цветовые таблицы. И одна из их разновидностей, причем самая простая, – это цветовой круг Йоханнеса Иттена.
Я расскажу, что же представляет собой схема Иттена, зачем она нужна и как ей пользоваться.
Что такое круг Иттена
Любая цветовая таблица показывает, как один цвет перетекает в другой, чем они отличаются и как их можно комбинировать. А круг Иттена – это один из наиболее простых вариантов подбора цвета, включающий 12 различных оттенков.
Зачем такой круг нужен
Чтобы найти гармоничные сочетания из общей палитры. Это самый популярный инструмент в обиходе художников и дизайнеров. Опираясь на схему по одному из нижеуказанных принципов, можно подобрать идеальную гамму для различных элементов дизайна – интерфейса, фирменного стиля компании, иллюстраций и так далее. Большинство людей по такому принципу даже подбирают себе одежду.
Еще необходимо помнить, что круг Иттена довольно упрощен, и с его помощью практически нереально подобрать менее яркие оттенки. Но если регулировать насыщенность и яркость таблицы, вполне можно подобрать менее сочные тона для палитры.
Как устроен цветовой круг Иттена
В такой схеме все контрастные относительно друг друга цвета расположены на противоположной стороне. При этом она сочетает в равной степени как холодные, так и теплые оттенки.
Схема Иттена включает 12 максимально насыщенных цветов, полученных из трех центральных, называемых еще первичными, – это красный, синий и желтый. Поочередным смешением рядом расположенных оттенков получаются вторичные – оранжевый, фиолетовый и зеленый. Далее производится еще одно смешение, в результате чего получаются шесть третичных цветов.
Способы комбинации нескольких цветов по схеме Иттена
Есть множество способов получения гармоничных цветовых сочетаний с помощью круга Иттена. Ниже перечислю несколько самых эффективных и часто используемых.
Комплементарное сочетание
Здесь берутся два максимально контрастных тона, расположенные друг напротив друга по указанной схеме. Их еще называют комплементарными или дополнительными цветами.
Этот вариант комбинации подходит для создания выразительного акцента – один оттенок берется как базовый, а второй используется не слишком часто для яркого выделения определенных объектов на общем фоне. Как в примере с текстом на изображении выше – на фоне базовый цвет, а надпись отлично выделена за счет сильного контраста.
Классическая триада
Если нет необходимости в столь сильном акцентировании и контрасте элементов, можно использовать принцип триады. Хотя и у него есть несколько типов, первый – классический. С помощью данного принципа можно выбрать один основной и подобрать к нему два разных, но гармоничных дополнительных тона.
Для образования комбинации в данном сочетании используется равносторонний треугольник. Три цвета по разным его углам образуют сбалансированную гамму.
Аналоговая триада
Второй вариант цветовой комбинации. Таким способом можно не ограничиваться тремя, а брать, допустим, пять оттенков. Причем тех, что расположены рядом на круге Иттена. В данном сочетании исключены сильные или резкие контрасты. Если подбирать с ее помощью тона, то итоговая комбинация выйдет сдержанной и спокойной, с плавными переходами.
Контрастная триада
В данном случае за основу берется комплементарное сочетание, но дополнительный цвет заменяется двумя другими, расположенными рядом по цветовой схеме. В итоге получается эдакий равнобедренный треугольник. Эта триада хороша тем, что допускает контрасты, но не такие резкие, как в случае с дополнительными тонами.
Тетрада
Если двух или трех цветов будет недостаточно, можно воспользоваться принципом тетрады, он охватывает довольно широкий спектр. С помощью квадрата можно подобрать 4 разных цвета, которые будут отлично сочетаться между собой.
Прямоугольник
Тоже хорошая схема для определения четырех цветов для дизайна, но не столь контрастных, как в вышеизложенной схеме. С помощью прямоугольника можно подобрать две комплиментарные пары, близкие друг к другу по оттенкам.
Другие способы подбора цветов
Есть множество других таблиц с сочетаниями цветов, в том числе расширенных, с помощью которых можно подобрать идеальные варианты для самых разных случаев. Но порой проще воспользоваться специальными инструментами, доступными в интернете. Например, инструментом от Paletton, позволяющим выбрать из общего спектра нужное количество оттенков. В нем очень легко настраивать параметры насыщенности и яркости. Далее можно получить более подробную информацию о нужном оттенке, просто нажав на нужную область.
Есть и другой инструмент – Adobe Color. В нем используются те же правила сочетания, но работать с ним немного сложнее. При необходимости можно задать оптимальное правило гармонии цветов и режим (RGB, CMYK, HSB или LAB). Код получившегося оттенка очень легко скопировать – он приводится в правом нижнем углу и зависит от схемы, которая ранее была указана.
На этом у меня все. Надеюсь, указанные принципы и инструменты пригодятся в вашей работе!
Читайте также: