Что такое цветовой круг Иттена и как дизайнеры подбирают цвета с его помощью
Каждый [охотник] желает знать, как гармонично сочетать оттенки. Пробуем магию цветового круга.
Круг Иттена — это схема из 12 цветов. Все оттенки во внешнем круге получены из трёх цветов, расположенных в центре.
Давайте разберёмся, из чего состоит круг Иттена и для чего он нужен художникам и дизайнерам.
Пишущий дизайнер. Пришла в профессию, получив второе образование, ранее занималась когнитивными исследованиями, SMM и копирайтингом. Пишет о визуальных трендах, делится наблюдениями из отрасли и техническими лайфхаками.
Как устроен круг Иттена
В центре есть треугольник из основных цветов — синего, жёлтого и красного, — смешивая которые, можно получить любые оттенки, доступные человеческому глазу. Эти цвета в схеме также называются первичными. Если смешать по два из трёх первичных цветов, получаются вторичные цвета. Жёлтый с синим при смешении дают зелёный, жёлтый с красным — оранжевый, а синий с красным — фиолетовый.
Ещё в круге есть третичные цвета. Они получаются при смешивании первичного и вторичного цвета, которые соседствуют друг с другом на схеме. Например, жёлтый и зелёный дают третичный цвет — жёлто-зелёный, жёлтый и оранжевый дают жёлто-оранжевый и так далее. В результате во внешнем круге на схеме мы видим 12 цветов, из которых три первичных, три вторичных и шесть третичных.
Если посмотреть на внешний круг, можно увидеть, что цвета в нём расположеы в спектральном порядке, как на радуге: от красного, который по физическим характеристикам имеет самую большую длину волны, до фиолетового, у которого она самая короткая.
Как и когда появился круг Иттена
В истории было много попыток систематизировать цвета: есть цветовой круг Ньютона, Гёте и Оствальда. Но именно круг Иттена стал самым популярным. В бумажном виде эта схема продается теперь в любом художественном магазине.
Йоханнес Иттен — швейцарский художник и преподаватель Баухауса , известный своим вкладом в изучение колористики в начале прошлого века. В книге «Искусство цвета» Иттен подробно описал принципы работы с цветом и уже знакомый нам круг.
Наука о цвете, включающая знания о природе цвета, основных, составных и дополнительных цветах, основных характеристиках цвета, цветовых контрастах, смешении цветов и цветовых гармониях, цветовом языке и цветовой культуре. Также искусство сочетания цветов.
Высшая школа строительства и художественного конструирования (1919 — 1933 годы) в Германии. Это заведение связывают с зарождением дизайна как самостоятельной дисциплины, отделенной от искусства.
Свою схему Иттен построил, опираясь на труды предшественников — физиков, химиков, психологов и художников. Он сумел собрать все существующие теории в простую и логичную систему.
Зачем нужен круг Иттена
Цветовой круг помогает подбирать гармоничные цветовые сочетания. Пожалуй, сейчас это самый популярный инструмент графических дизайнеров и художников. Опираясь на схему, можно выбрать палитру для интерфейса сайта, фирменного стиля или иллюстрации.
Круг устроен так, что максимально контрастные цвета расположены дальше всего друг от друга. А близкие цвета, соответственно, являются смежными на схеме. Всё цветовое пространство круга можно условно поделить пополам: от зелёного до малинового цвета идут холодные оттенки, а от красного до жёлто-зелёного — теплые.
Цвета в круге выстраиваются в стройную систему, и это здорово. Потому что простые фигуры, наложенные на такую схему, будут показывать гармоничные сочетания.
Основные комбинации на круге Иттена
Вариантов сочетаний цветов по кругу Иттена очень много. Давайте рассмотрим несколько из них, которые используются чаще всего.
1. Если провести через центр круга прямую линию, получится комплементарное сочетание — оно максимально контрастное.
Сочетание дополнительных цветов активное и энергичное. Если использовать их в равных пропорциях, они могут перебивать друг друга. Такое сочетание хорошо подходит для расстановки акцентов: для этого один из цветов берут как базовый, а другого добавляют немного, чтобы выделить отдельные объекты на изображении.
2. Если нужен менее сильный контраст, можно использовать сочетание из трёх цветов — контрастную триаду . В этой комбинации один из дополнительных цветов заменяется на два соседних.
Это хорошая альтернатива комплементарному сочетанию: здесь сочетание по-прежнему контрастное, но уже не такое резкое. Если вам нужно чуть приглушить контраст дополнительных цветов или просто расширить палитру с двух до трёх цветов, можно выбирать такой вариант.
3. Равносторонний треугольник образует классическую триаду: три цвета в его углах будут давать сбалансированное сочетание. Этот вариант подойдёт, если вам нужно больше разнообразия в цветовой гамме.
Если вы задумали использовать один конкретный цвет и хотите подобрать к нему ещё два, которые будут кардинально различаться, схема с равносторонним треугольником поможет сделать это быстро и избежать ошибок.
4. Ещё один вариант комбинации из трёх цветов — аналоговая триада. Здесь задействованы цвета, расположенные на круге рядом. Это сочетание без интенсивных контрастов.
Эта палитра — спокойная и сдержанная. Аналоговое сочетание подойдёт, если вам нужны мягкие переходы между цветами без резких акцентов.
5. Когда трёх цветов недостаточно, можно выбрать четыре. Например, квадрат, наложенный на круг Иттена, образует сочетание тетрады : все четыре цвета гармонируют между собой.
По сути, здесь представлено сочетание из двух пар дополнительных цветов. Сочетание четырёх цветов в тетраде позволяет создавать красочное и разнообразное изображение.
6. Ещё одно сочетание двух пар комплементарных цветов — прямоугольная схема. В отличие от тетрады, здесь сочетаются более близкие оттенки.
Если нужно четыре цвета, но не требуется такой широкий спектр, как в квадратной схеме, то этот вариант подойдёт. Здесь будет достигнут контраст за счёт сочетания комплементарных пар, но сами эти пары ближе друг к другу на спектре.
Что делать с тысячами других оттенков
В круге всего 12 цветов, а дизайнеру приходится оперировать бесчисленным множеством оттенков. Круг Иттена — это упрощённая схема, а не полноценное решение. Но её можно использовать и более широко.
Представим, что нужен контраст к бирюзовому. На круге его нет, но мы понимаем, что этот цвет — зелёно-голубой. Значит, контрастный цвет на круге будет максимально удалён от границы этих двух цветов. Максимально удалённая точка — граница между красным и красно-оранжевым. Смешение этих цветов будет контрастно к бирюзовому.
А уж какой именно оттенок бирюзового и красно-оранжевого выбрать — это работа дизайнера. Кстати, есть ещё два параметра: насыщенность и яркость. Цвет может быть бледным или сочным, тёмным или светлым. Например, красный бывает совсем ненасыщенным, то есть розовым. Или очень тёмным, бордовым. Это тоже влияет на восприятие картинки.
Автоматические инструменты для выбора палитры
Технологии облегчают жизнь современным дизайнерам и художникам. Например, подобрать сочетание конкретных оттенков можно на расширенном цветовом круге. Он позволяет точно задать тон, насыщенность, яркость и найти подходящие цвета, используя те же самые схемы круга Иттена, которые мы рассмотрели.
Для более сложной работы с множеством цветом есть удобный инструмент у Adobe. Он основан на таких же правилах сочетания, но позволяет быстро редактировать параметры каждого цвета в палитре и смотреть, как от этого меняется гармоничная гамма.
Что делать дальше
Круг Иттена помогает быстро подбирать подходящие сочетания для разных случаев. В бумажной или цифровой версии им пользуются как новички, так и опытные дизайнеры и художники. Это полезный инструмент, который упрощает работу. Конечно цветовосприятие можно тренировать и научиться подбирать цветовые сочетания самостоятельно. Со временем появится навык, позволяющий не зависеть от наличия схемы под рукой.
Хотите поупражняться в колористике под руководством опытных преподавателей? Записывайтесь на наш курс графического дизайна.
Источник
Цветовая гармония
Когда люди говорят о цветовой гармонии, они оценивают впечатления от взаимодействия двух или более цветов. Живопись и наблюдения над субъективными цветовыми предпочтениями различных людей говорят о неоднозначных представлениях о гармонии и дисгармонии.
Для большинства цветовые сочетания, называемые в просторечии «гармоничными», обычно состоят из близких по своему характеру цветов или же различных цветов близких по светлоте. В основном эти сочетания не обладают сильной контрастностью. Как правило, оценка гармонии или диссонанса вызвана ощущением приятного-неприятного или привлекательного-непривлекательного. Подобные суждения построены на личном мнении и не носят объективного характера.
Понятие цветовой гармонии должно быть изъято из области субъективных чувств и перенесено в область объективных закономерностей.
Гармония — это равновесие, симметрия сил.
Изучение физиологической стороны цветового видения приближает нас к решению этой проблемы. Так, если некоторое время смотреть на зеленый квадрат, а потом закрыть глаза, то в глазах у нас возникнет красный квадрат. И наоборот, наблюдая красный квадрат, мы получим его «обратку» — зеленый. Эти опыты можно производить со всеми цветами, и они подтверждают, что цветовой образ, возникающий в глазах, всегда основан на цвете, дополнительном к реально увиденному. Глаза требуют или порождают дополнительные цвета. И это есть естественная потребность достичь равновесия. Это явление можно назвать последовательным контрастом.
Другой опыт состоит в том, что на цветной квадрат мы накладываем близкий по светлоте серый квадрат меньшего размера. На желтом этот серый квадрат покажется нам светло-фиолетовым, на оранжевом — голубовато-серым, на красном — зеленовато-серым, на зеленом — красновато-серым, на синем — оранжево-серым и на фиолетовом — желтовато-серым (рис. 31-36). Каждый цвет заставляет серый принять его дополнительный оттенок. Чистые цвета также имеют тенденцию окрашивать другие хроматические цвета в свой дополнительный цвет. Это явление называется симультанным контрастом.
Последовательный и симультанный контрасты указывают на то, что глаз получает удовлетворение и ощущение равновесия только на основе закона о дополнительных цветах. Рассмотрим это еще и с другой стороны.
Физик Румфорд первым опубликовал в 1797 году в Никольсон-журнале свою гипотезу о том, что цвета являются гармоничными в том случае, если их смесь дает белый цвет. Как физик он исходил из изучения спектральных цветов. В разделе, посвященном физике цвета, уже говорилось, что если изъять какой-либо спектральный цвет, предположим, красный, из цветового спектра, а остальные окрашенные световые лучи — желтый, оранжевый, фиолетовый, синий и зеленый — собрать с помощью линзы вместе, то сумма этих остаточных цветов будет зеленой, то есть мы получим цвет дополнительный к изъятому. По законам физики цвет, смешанный со своим дополнительным цветом, образует общую сумму всех цветов, то есть белый, а пигментная же смесь даст в этом случае серо-черный цвет.
Физиологу Эвальду Герингу принадлежит следующее замечание: «Среднему или нейтральному серому цвету соответствует то состояние оптической субстанции, в котором диссимиляция — расход сил, затраченных на восприятие цвета, и ассимиляция — их восстановление — уравновешены. Это значит, что средний серый цвет создает в глазах состояние равновесия».
Геринг доказал, что глазу и мозгу требуется средний серый, иначе, при его отсутствии, они теряют спокойствие. Если мы видим белый квадрат на черном фоне, а затем посмотрим в другую сторону, то в виде остаточного изображения увидим черный квадрат. Если мы будем смотреть на черный квадрат на белом фоне, то остаточным изображением окажется белый. Мы наблюдаем в глазах стремление к восстановлению состояния равновесия. Но если мы будем смотреть на средне-серый квадрат на средне-сером фоне, то в глазах не появится никакого остаточного изображения, отличающегося от средне-серого цвета. Это означает, что средне-серый цвет соответствует состоянию равновесия, необходимому нашему зрению.
Процессы, идущие в зрительном восприятии, вызывают соответствующие психические ощущения. В этом случае гармония в нашем зрительном аппарате свидетельствует о психофизическом состоянии равновесия, в котором диссимиляция и ассимиляция зрительной субстанции одинаковы. Нейтральный серый соответствует этому состоянию. Я могу получить один и тот же серый цвет из черного и белого или из двух дополнительных цветов в том случае, если в их состав входят три основных цвета — желтый, красный и синий в надлежащей пропорции. В частности, каждая пара дополнительных цветов включает в себя все три основных цвета:
- красный — зеленый = красный — (желтый и синий);
- синий — оранжевый = синий — (желтый и красный);
- желтый — фиолетовый = желтый — (красный и синий).
Таким образом, можно сказать, что если группа из двух или более цветов содержит желтый, красный и синий в соответствующих пропорциях, то смесь этих цветов будет серой.
Желтый, красный и синий представляют собой общую цветовую суммарность. Глазу для его удовлетворения требуется эта общая цветовая связка, и только в этом случае восприятие цвета достигает гармоничного равновесия.
Два или более цвета являются гармоничными, если их смесь представляет собой нейтральный серый цвет.
Все другие цветовые сочетания, которые не дают нам серого цвета, по своему характеру становятся экспрессивными или дисгармоничными. В живописи существует много произведений с односторонне-экспрессивной интонацией, причем их цветовая композиция, сточки зрения вышеизложенного, не является гармоничной.
Эти произведения действуют раздражающе и слишком возбуждающе своим подчеркнуто настойчивым использованием какого-то одного преобладающего цвета. Нет необходимости утверждать, что цветовые композиции должны быть обязательно гармоничными, и когда Сёра говорит, что искусство — это гармония, то он путает художественные средства и цели искусства.
Легко заметить, что большое значение имеет не только расположение цветов относительно друг друга, но и их количественное соотношение, как и степень их чистоты и светлоты.
Основной принцип гармонии исходит из обусловленного физиологией закона дополнительных цветов. В своем труде о цвете Гёте писал о гармонии и целостности так: «Когда глаз созерцает цвет, он сразу приходит в активное состояние и по своей природе неизбежно и бессознательно тотчас же создает другой цвет, который в соединении с данным цветом заключает в себе весь цветовой круг. Каждый отдельный цвет благодаря специфике восприятия заставляет глаз стремиться к всеобщности. И затем, для того чтобы добиться этого, глаз, в целях самоудовлетворения, ищет рядом с каждым цветом какое-либо бесцветно-пустое пространство, на которое он мог бы продуцировать недостающий цвет. В этом проявляется основное правило цветовой гармонии».
Вопросов цветовой гармонии касался также и теоретик цвета Вильгельм Оствальд. В своей книге об основах цвета он писал: «Опыт учит, что некоторые сочетания некоторых цветов приятны, другие неприятны или не вызывают эмоций. Возникает вопрос, что определяет это впечатление? На это можно ответить, что приятны те цвета, между которыми существует закономерная связь, то есть порядок. Сочетания цветов, впечатление от которых нам приятно, мы называем гармоничными. Так что основной закон можно бы было сформулировать так: Гармония = Порядок.
Для того чтобы определить все возможные гармоничные сочетания, необходимо подыскать систему порядка, предусматривающую все их варианты. Чем этот порядок проще, тем более очевидной или само собой разумеющейся будет гармония. Мы нашли две системы, способные обеспечить этот порядок: цветовые круги, соединяющие цвета, равной степени насыщенности, — и треугольники для цветов, представляющих смеси того или иного цвета с белым или черным. Цветовые круги позволяют определить гармоничные сочетания различных цветов, треугольники — цветотональную гармонию».
Когда Оствальд утверждает, что «. цвета, впечатление от которых нам приятно, мы называем гармоничными», то он высказывает чисто свое субъективное представление о гармонии. Но понятие цветовой гармонии должно быть перемещено из области субъективного отношения в область объективных законов.
Когда Оствальд говорит: «Гармония = Порядок», предлагая в качестве системы порядка цветовые круги для различных цветов одинаковой насыщенности и цветотональные треугольники, он не учитывает физиологических законов остаточного изображения и симультанности.
Чрезвычайно важной основой любой эстетической теории цвета является цветовой круг, поскольку он дает систему расположения цветов. Так как художник-колорист работает с цветовыми пигментами, то и цветовой порядок круга должен быть построен согласно законам пигментных цветовых смесей. Это значит, что диаметрально противоположные цвета должны быть дополнительными, то есть дающими при смешивании серый цвет. Так, в моем цветовом круге синий цвет стоит против оранжевого, и смесь этих цветов дает нам серый цвет.
В то время как в цветовом круге Оствальда синий цвет расположен против желтого, и их пигментная смесь дает зеленый. Это основное различие в построении означает, что цветовой круг Оствальда не может быть использован ни в живописи, ни в прикладных искусствах.
Определением гармонии закладывается фундамент гармоничной цветовой композиции. Для последней весьма важно количественное отношение цветов. На основании светлоты основных цветов Гёте вывел следующую формулу их количественного соотношения:
- желтый : красный : синий = 3 : 6 : 8
Можно сделать общее заключение, что все пары дополнительных цветов, все сочетания трех цветов в двенадцатичастном цветовом круге, которые связаны друг с другом через равносторонние или равнобедренные треугольники, квадраты и прямоугольники, являются гармоничными.
Связь всех этих фигур в двенадцатичастном цветовом круге иллюстрирует рисунок 2. Желто-красно-синий образуют здесь основное гармоничное трезвучие. Если эти цвета в системе двенадцатичастного цветового круга соединить между собой, то мы получим равносторонний треугольник. В этом трезвучии каждый цвет представлен с предельной силой и интенсивностью, причем каждый из них выступает здесь в своих типично родовых качествах, то есть желтый действует на зрителя как желтый, красный — как красный и синий — как синий. Глаз не требует добавочных дополнительных цветов, а их смесь дает темный черно-серый цвет.
Желтый, красно-фиолетовый и сине-фиолетовый цвета объединяет фигура равнобедренного треугольника. Гармоничное созвучие желтого, красно-оранжевого, фиолетового и сине-зеленого объединены квадратом. Прямоугольник же дает сгармонизованное сочетание желто-оранжевого, красно-фиолетового, сине-фиолетового и желто-зеленого.
Связка геометрических фигур, состоящая из равностороннего и равнобедренного треугольника, квадрата и прямоугольника, может быть размещена в любой точке цветового круга. Эти фигуры можно вращать в пределах круга, заменяя, таким образом, треугольник, состоящий из желтого, красного и синего, треугольником, объединяющим желто-оранжевый, красно-фиолетовый и сине-зеленый или красно-оранжевый, сине-фиолето вый и желто-зеленый.
Тот же опыт можно провести и с другими геометрическими фигурами. Дальнейшее развитие этой темы можно будет найти в разделе, посвященном гармонии цветовых созвучий.
Источник