Цветовой спектр сочетание цветов. Правила работы с цветовым кругом

Цветовой круг – универсальный инструмент графического дизайнера. Можно различить цветовой круг Гете, Освальда, Иттена . Но, по сути, все эти цветовые круги представляют собой один и тот же инструмент колористики.

Изначально цветовой круг был создан, как базовый инструмент цветового конструирования, для подбора цветовой палитры изображения. Это была первая попытка увязать в логически сконструированное знание то, что художники-колористы использовали интуитивно на протяжении веков. Создатели цветового конструирования пытались создать свод универсальных законов, используя которые каждый мог получить гармоничные сочетания цветов.

Однако современные дизайнеры знают, что цвет воспринимается субъективно, в зависимости от того, как построена остальная композиция, какие в ней используются цвета. Восприятие цвета зависит и от размеров окрашенных элементов, и от формы. Поэтому, в каждом конкретном случае, дизайнеру приходится подбирать свои цветовые решения. Но, все же, определенную помощь цветовой круг в деле подбора цветовых сочетаний дизайнеру может оказать.

Рассмотрим классический двенадцатичастный цветовой круг , который предложил Йохансен Иттен . Как понятно из названия, цветовой круг Иттена состоит из 12 цветов .

Как мы видим, в основе цветовой гаммы 12-цветового круга Иттена лежат три цвета – красный, желтый, синий. Далее идут цвета второго порядка – фиолетовый, оранжевый и зеленый. Остальные цвета образуются путем смешивания основных. Современный спектральный цветово й круг выглядит так:

Этот круг называют цветовой круг Освальда . Легко видеть, что на этом круге в его цветовой палитре мы можем видеть три основных цвета – они выглядят очень самостоятельно. Это красный, синий и зеленый. На этих цветах строится современная модель цвета RGB . Но заметьте, на цветовом круге нет ни черного цвета, ни белого цвета. Вообще, черный и белый цвет нельзя рассматривать как цвета в чистом виде. Ведь белый цвет - это отсутствие цвета, а черный цвет - максимальная насыщенность цвета.

Кроме цветового круга, который получил довольно широкую известность среди дизайнеров, существуют такие элементы цветового конструирования как цветовой шар, цветовая звезда . Однако все эти методы не имеют такой популярности, как цветовой круг.

Цветовой шар, кстати, считается одним из самых полных способов представления цвета, всей цветовой гаммы. Он дает наилучшее представление о цветовых комбинациях и сочетаниях. Но, как вы понимаете, его использование в дизайне значительно более трудная задача по сравнению с цветовым кругом. Да и его представление довольно трудно – ведь мы не можем изобразить трехмерный шар на листе бумаги или мониторе. Вообще мы можем воспользоваться цветовым шаром только умозрительно, тогда цветовой круг легко можно изобразить, и он будет находится перед нами, так сказать, во всей красе.

Как нарисовать двенадцатичастный цветовой круг.

Сегодня, в принципе, у дизайнера практически никогда не возникает необходимости самостоятельно создавать цветовой круг, можно его просто взять и распечатать. Если у вас есть хороший принтер, с хорошей цветопередачей, то вы запросто можете получить спектральный цветовой круг Освальда. Но иногда, например, в качестве своеобразного эксперимента, у дизайнера возникает необходимость нарисовать цветовой круг .

В принципе, нет ничего особо сложного, чтобы нарисовать круг из двенадцати цветов – круг Иттена. Другое дело, если бы вдруг решили нарисовать круг Освальда, представляющий собой непрерывный спектральный цветовой круг, вам пришлось бы посложнее. Для начала вам надо определить базовые цвета. Это, как мы уже знаем, красный, синий и желтый. Иттен советовал для максимально четкого определения базовых цветов рассматривать каждый цвет в отдельности на нейтральном сером фоне, что помогает определить цвет без каких-либо оттенков.

Далее мы чертим равносторонний треугольник. Верхнюю его вершину мы окрашиваем в желтый цвет, слева внизу размещаем синий цвет, а в правой нижней вершине – красный. Теперь вокруг треугольника описываем круг, и с его помощью достраиваем треугольник до равностороннего шестиугольника. В образовавшихся равнобедренных треугольниках нам надо поместить цвета второго порядка.

Чтобы получить цвета второго порядка, нам надо смешать попарно цвета первого порядка. Смешение желтого и красного цвета даст нам оранжевый. Смешение желтого и синего даст зеленый. Красного и синего – фиолетовый.

На первый взгляд это кажется довольно простым. Но на деле довольно трудно получить чистые цвета второго порядка. Необходимо, чтобы скажем, зеленый цвет получился действительно зеленым. Он не должен быть ни желтоватым, ни синеватым. Если вы далеки от изобразительного искусства, это может занять много времени.

После того, как мы получили цвета второго порядка и заполнили ими соответствующие треугольники, чертим второй круг, имеющий центр в той же точке, что и первый, но большего радиуса. Делим его на 12 равных секторов. Сектора, которые находятся напротив вершин треугольников, окрашиваем соответствующими цветами. При этом мы видим, что между каждой парой цветов остается пустой сектор.

В пустых секторах – место для цветов третьего порядка. Они образуются смешением пары из цвета первого порядка и цвета второго порядка.

То есть, в результате смешения, получим: желто-оранжевый, красно-оранжевый, красно-фиолетовый, сине-фиолетовый, сине-зеленый, желто-зеленый.

В свое время этот цветовой круг получил Исаак Ньютон . Он же и замкнул его, добавив к цветам радуги пурпурный , на месте соединения круга, между красным и фиолетовым. Поэтому его называют иногда цветовым кругом Ньютона . Однако, основное отличие цветового круга Ньютона в том, что он состоял из восьми цветов (семи цветов радуги и пурпурного), а цветовой круг Иттена, более подходящий для дизайнера имеет более широкую цветовую гамму – из 12 цветов.

Цветовой круг: применение. Цветовые гармонии.

Для чего можно использовать цветовой круг дизайнеру? Конечно, для подбора цветовых сочетаний по цветовому кругу . А уж сами сочетания цветов вы можете использовать уже где угодно - и в графической композиции, и в одежде. Хотя сочетания цветов, скажем, в одежде, лучше подбирать исходя из своего вкуса, но цветовой круг может дать вам некоторый теоретический фундамент в этом. Если вы хотите подобрать цвета не опираясь только на ваш вкус и художественное чутье (но о них дизайнеру забывать ни в коем случае нельзя!), то вы можете использовать формальный подход к подбору цвета с помощью цветовой круга.

Существует несколько классических комбинаций цветов, подбираемых с помощью цветового круга Иттена.

Кстати, для подбора цветов по цветовому кругу для дизайнеров созданы специальные программы. В них обычно используется спектральный цветовой круг Освальда. Одну из таких программ вы можете найти и скачать здесь . К сожалению, эта программа платная, у бесплатной версии ограниченный функционал, но можно найти и бесплатный аналог. Хотя лично мое мнение, что эти программы дизайнеру не нужны. Нельзя подходить столь формально к цветовому кругу, и к подбору цветовой гаммы.

Комплиментарные (дополнительные) цвета

Классическая триада

Аналоговая триада

Контрастная триада

Прямоугольная схема

Квадратная схема

Цветовой круг: заключение.

Первые правила использования цветов, да и не только цветов, были созданы задолго до появления современного графического дизайна Леонардо да Винчи в его «Трактате о живописи». Но даже он уже говорил: «Если ты в своем творчестве хочешь руководствоваться только правилами, то никогда ничего не достигнешь, и в твоих произведениях будет царить путаница».

Дизайнеру нельзя ограничивать себя правилами , нужно следовать своей интуиции. При умелом использовании цветовой круг может оказать большую помощь при составлении цветовой гаммы дизайнерской композиции. Но, все же, не стоит перегибать палку. Нельзя формально ткнуть в первые попавшиеся цвета классической схемы, надо экспериментировать, искать живые сочетания цветов. А цветовой круг – хорошая проверка их гармоничности.

Цветовой круг - это очень сильный инструмент в умелых руках. Знание законов построения цветов позволит с лёгкостью манипулировать настроением цветовой палитры и создавать наиболее гармоничные композиции. Все правила строятся на основе первоначального вида цветового круга, поэтому к нему придётся возвращаться в процессе изучения темы.

Стоит отметить, что цветопередача мониторов далека от идеала, а при некоторых настройках различные оттенки могут сливаться и быть совершенно не различимы. По возможности нужно произвести калибровку монитора.

Независимо от настроек монитора можно изучить суть метода, но следует делать поправку на то, что на другом компьютере то, что вы ведите на своём будет выглядеть иначе.

Цветовой круг

Цветовые комбинации:

Ахроматические

Ахроматические цвета отсутствуют в спектре. В данной комбинации есть только белый, оттенки серого и чёрный цвет. В природе чистые ахроматические цвета практически не встречаются. В них всегда есть примеси других цветов.

Цвета ахроматические

В фотографии ахроматические цвета используются для передачи фактуры, объёма, матовости, блеска. Такие цвета используются в основном в интерьере и в портрете. При этом добавление одного цвета в монохромный сюжет создаст сильный акцент. Чаще всего используют красный цвет.

Основные цвета

Главными цветами являются красный, желтый, синий. Для получения любого цвета понадобятся только эти три цвета. Для передачи оттенков понадобятся ещё чёрный и жёлтый.

Основные цвета

Составные

Следующие цвета получаются благодаря смешиванию основных цветов попарно. Из них получаются зеленый, фиолетовый и оранжевый. Это видно на цветовом круге. К примеру, зелёный получается из жёлтого и синего.

Составные цвета

Сложные

Более сложные цвета получаются путём комбинирования составных цветов с расположенными рядом основными цветами. К примеру, оранжевый и жёлтый дадут жёлто-оранжевый. Можно получить шесть сложных цветов. Их видно на цветовом круге. Получить можно красно-оранжевый, желто-зеленый, сине-фиолетовый, сине-зеленый, желто-оранжевый, красно-фиолетовый.

Благодаря затемнению или осветлению этих цветов можно получить всю цветовую палитру. Цветовой круг демонстрирует смешивание эталонных цветов в равной степени. Пользователь волен редактировать как яркость, так и степень смешивания цветов.

Типы взаимоотношения цветов открывают нам возможность практического применения цветового круга. Определённые комбинации цветов влияют на восприятие и передают определённое настроение. Цвета, расположенные рядом имеют другое восприятие, чем противоположно стоящие. Посмотрим на полный цветовой круг.

Контрастные

Контрастные цвета - это те, между которыми на цветовом круге располагается три промежуточных цвета. На цветовом круге всего шесть пар контрастных цветов.

Контрастные цвета создают очень жёсткий и навязчивый вид. Всю сцену на контрастах строить нежелательно. Они подойдут для создания небольших акцентов. Например, можно сделать общее освещение сцены в жёлтых тонах и вставить небольшие участки, акцентированные синим цветом. Это используется в интерьере, в одежде и при обработке снимков в Фотошопе.

Если контрастные цвета разбавить чёрным или белым, то можно активнее их использоваться в сцене. Бледные, кремовые контрастные цвета не будут сильно резать глаз, а значит их можно применять в большей степени.

Дополнительные

Дополнительными цветами называются те, которые находятся на цветовом круге друг напротив друга.

Пример дополнительных цветов:

Дополнительные цвета создают менее броский вид, чем контрастные, но они также очень навязчивы. Если дополнительные цвета разбавить, то можно получить очень приятную композицию.

Монохроматические

Монохроматические цвета являются комбинацией различной яркости и насыщенности одного цвета. Также иногда такие сочетания называют нюансными. Подобная комбинация цветов придаёт спокойствие и устойчивость композиции.

Родственные

Родственные цвета - это последовательность из трёх стоящих друг за другом цветов. Просто выбрав один цвет, добавляем к нему два соседних и получаем три родственных цвета. Подобная выборка может быть названа гармоничной. Цветовой круг предоставляет 12 комбинаций родственных цветов. Всегда все три цвета в комбинации будут смотреться хорошо. Восприятие будет зависеть только лишь от того, тёплые или холодные цвета выбраны.

Как и в предыдущих комбинациях эти цвета можно разбавлять монохроматическими цветами.

Нейтральные

Нейтральные цвета получаются путём использования двух, расположенных в пределах двух полос цветов при том, что один из них будет сглажен добавлением родственных или разбавлен белым или чёрным.

Пример нейтральных цветов:

Родственно-контрастные

Это цвета, которые располагаются на круге слева и справа от выбранного цвета, дополнительного ему на цветовом круге.

Противоположным по отношению к основному (желтому, красному или синему) цвету является цвет, поучаемый при смешении двух других: то есть, для желтого это будет фиолетовый, для красного - зеленый, а для синего - оранжевый. И наоборот, для дополнительных (вторичных) цветов противоположными являются основные цвета, которые не «участвовали» в их смешивании. Таким образом, основные и дополнительные цвета образуют друг с другом стабильные пары противоположностей. Противоположными являются и все цвета, буквально находящиеся напротив друг друга на цветовом круге, на сколько бы частей он ни был разбит.

Почему это важно?

Противоположные цвета - это максимально контрастные цвета. Если расположить их рядом - произойдет волшебство. Ну, или почти: эти цвета усилят друг друга, сделают ярче, насыщеннее. Кроме того, тень от объекта всегда содержит в себе цвет, противоположный цвету этого объекта - например, тень от красного яблока будет зеленоватой. Если же противоположные цвета смешать между собой, вы получите один из «земляных» оттенков.

Запомнить противоположные цвета поможет все тот же цветовой круг.

Чтобы информация «записалась на подкорку», сделайте несколько копий этого круга в разных вариантах: для этого меняйте тона каждого круга, разбавляя цвета белилами или добавляя немного черной краски.

На первый взгляд это может показаться пустой тратой времени, но на деле это упражнение закладывает основы понимания цветовых сочетаний. Не ленитесь - ведь в вузах это делают все будущие художники и дизайнеры. Кроме того, после некоторой тренировки цветовой круг запомнится не хуже таблицы умножения. А пока этого не произошло, закрепите один из получившихся кругов возле своего рабочего места и сверяйтесь с этой «шпаргалкой», когда понадобится. Удачи в живописи!

Как справедливо отмечают мои знакомые, на моем сайте излишне много различных типсов и мало теории. Поэтому я нашел время и поискал интересную информацию о том как и почему используется в дизайне и графике цвет. Эта статья является некой аккумуляцией того что я узнал за последнее время о цвете и его применении.

Цветовой круг в основе которого лежат красный, желтый и синий цвета является традиционным в области искусства. Исаак Ньютон составил первое подобие подобного круга еще в 1666. Прошло время, ученые и художники придумали различные варианты этой концепции. Разница во мнениях, в отправной точке деления цветов на группы и в других аспектах до сих пор будоражит умы. Но обо всем по порядку.

Основные цвета: красный, желтый и синий

В традиционной цветовой теории именно эти три цвета не могут быть получены комбинацией других цветов. Все остальные цвета получаются именно путем смешения этих.

Дополнительные цвета: зеленый, оранжевый и фиолетовый

Эти цвета получаются путем попарного смешения основных цветов.

Производные цвета: желто-оранжевый, красно-оранжевый, красно-фиолетовый, сине-фиолетовый, сине-зеленый и желто-зеленый.

Эти цвета образуются путем смешения основного и рядом стоящего дополнительного цветов. Как раз эта палитра в основном и применяется при подборе цветов.

Цветовая гармония.

Вообще гармонию можно описать как сочетание частей, которое доставляет приятные ощущения (музыка, поэзия и т.д.). В дизайне и графике под гармонией принято понимать нечто услаждающее, радующее глаз. Эта гармония должна вызывать в человеке определенные чувства и ощущения.

Некоторые формулы цветовой гармонии.

Существует огромное количество всевозможных формул и теорий. Мы рассмотрим наиболее простые и наглядные.

Цветовая схема на базе близлежащих цветов.

Близлежащими цветами принято считать любые три цвета, расположенные один за другим на цветовом круге, например желтый, желто-оранжевый и оранжевый. Подобные сочетания цветов хорошо подходят для основных элементов, четко выделяя их "уровень", кроме того, благодаря их близкому расположению они очень хорошо сочетаются.

Цветовая схема на базе противоположных цветах

Противоположными цветами являются любые два цвета расположенные напротив друг друга на цветовом круге, такие как желтый и фиолетовый. Этот прием обычно используется для создания акцентов, так как цвета противоположные цвета очень контрастны по отношению друг к другу.

Цветовая схема на базе природных сочетаний цветов

Природа зачастую предлагает просто великолепные примеры цветовой гармонии. Так почему бы этим не воспользоваться. Вот один из примеров, сочетающих в себе "осенние" цвета.

Цветовая схема на базе цветов разной степени насыщенности.

Кроме использования цветов расположенных рядом друг с другом, можно использовать и цвета различной степени насыщенности.

Контекст цветов

Сравните, как выглядит один и тот же красный квадрат на разных фонах.

• На черном фоне он смотрится напряженно светящимся (акцент к темному фону)
• На черном, белом фонах он смотрится четко и точно (акцент к светлому фону)
• На желтом он смотрится более-менее (акцент подобия родственных цветов)
• На зеленом, синем он смотрится очень ярко, вызывающе (акцент противостояния, диссонанс)
• А на фиолетовом он практически теряется.

Кроме того, никогда не следует забывать про взаимодействие различных цветов. На рисунке слева вы можете увидеть сразу два подобных взаимодействия.

1. Серо-голубой цвет приобретает немного зеленоватый оттенок близости большого количества красного цвета (нк красной части картинки)
2. Полоска серо-голубого кажется более узкой на на темно-красной части и более широкой на светлой части.