Цветовая гармония — это мысль, что одни сочетания цветов приятнее других и что приятные можно предсказать по геометрии цветового круга. Цветовая схема — это конкретное отношение на этом круге: противоположные цвета, соседние цвета, равномерно расставленные цвета. В этом руководстве разбираются круг, которым пользуются художники, и семь построенных на нём схем.

Содержание

Что означает цветовая гармония

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

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

Стоит честно сказать, что гармония есть, а чего в ней нет. Схемы не создают гармонию. Они её описывают. То, что красный под белым читается как розовый, а оранжевый рядом с синим усиливает оба, заложено в физике света и устройстве глаза задолго до того, как кто-либо нарисует круг. Круг и его схемы — карта отношений, которые уже есть. Это различие важно: оно означает, что эти отношения можно находить в любом уже существующем изображении, а не только навязывать их тому, что вы строите.

Цветовой круг, которым пользуются художники

Художественный цветовой круг — это модель RYB, построенная на красном, жёлтом и синем как основных цветах. Это субтрактивная модель, то есть она описывает поведение пигмента: каждый пигмент вычитает часть длин волн из белого света, а смешение пигментов вычитает ещё больше — вот почему смешанные краски становятся темнее и грязнее, а не ярче.

Это другой круг, не тот, что у экранов и принтеров, и разница здесь не в педантизме. Экраны используют модель RGB — красный, зелёный и синий свет, — которая аддитивна: добавление света делает изображение ярче, а все три вместе дают белый. Принтеры используют модель CMY — голубые, пурпурные и жёлтые чернила. Комплементарные пары на каждом круге разные. На круге RYB, где смешивают краски, традиционные комплементарные пары — это красный и зелёный, жёлтый и фиолетовый, синий и оранжевый. Каждая схема в этом руководстве описана в терминах RYB, потому что именно на этом круге вы смешиваете краски и именно на нём исторически строилась цветовая гармония.

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

Двое, кто объяснил, почему гармония работает

Стоит назвать двух людей, потому что именно их труд делает схемы чем-то большим, чем условность.

Мишель Эжен Шеврёль, французский химик, сформулировал закон одновременного контраста в XIX веке. Он определил его как склонность цвета казаться смещённым к дополнению своего соседа — и по тону, и по светлоте. Положите серый рядом с красным, и серый приобретёт лёгкий зеленоватый оттенок. Положите оранжевый рядом с синим, и каждый будет выглядеть насыщеннее, чем поодиночке. Вот научная причина того, почему комплементарная схема кажется яркой: цвета не просто противоположны на схеме, они активно усиливают друг друга в глазу. Закон Шеврёля больше всего известен своим влиянием на живопись импрессионистов и неоимпрессионистов, особенно на пуантилизм Жоржа Сёра, который строил целые холсты из крохотных соседствующих комплементарных мазков.

Иоханнес Иттен — второй. В Баухаусе он выделил семь видов цветового контраста: контраст по тону, контраст по светлоте, контраст по температуре, контраст дополнений, одновременный контраст (взятый у Шеврёля), контраст по насыщенности и контраст по площади. Одно предупреждение стоит сказать прямо: семь контрастов Иттена — это не семь схем из этого руководства. Это другая классификация. Контрасты описывают, чем два цвета различаются; схемы описывают, как набор цветов расставлен на круге. Их часто путают, потому что в обоих списках по семь пунктов, но они отвечают на разные вопросы. Последний у Иттена, контраст по площади, — про пропорцию, про то, сколько места на изображении занимает каждый цвет, и это удобный мостик к мысли, что схема — лишь половина дела. Пропорции важны не меньше, чем сами цвета.

Комплементарная: противоположные цвета, максимальный контраст

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

Геометрия здесь проще всех: одна прямая линия через центр круга, соединяющая две точки в 180 градусах друг от друга.

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

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

Аналоговая: соседние цвета, спокойные и цельные

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

Геометрия — плотная дуга, три-четыре соседних сектора круга, охватывающих не больше примерно девяноста градусов.

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

Триадная: три равноудалённых цвета

Триадная схема использует три цвета, равномерно расставленных по кругу через 120 градусов. На круге RYB самая чистая триада — три основных цвета: красный, жёлтый и синий. Составные (оранжевый, зелёный, фиолетовый) образуют другую очевидную триаду.

Геометрия — равносторонний треугольник, вписанный в круг.

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

Сплит-комплементарная: контраст без напряжения

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

Геометрия — узкий равнобедренный треугольник: одна вершина в базовом цвете, две вершины по бокам от точки прямо напротив него.

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

Тетрадная: две комплементарные пары

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

Геометрия — прямоугольник: две пары противоположных цветов, причём пары на разном расстоянии друг от друга.

Эффект — богатство и разнообразие, самая красочная из схем на данный момент, потому что здесь работают вместе два полных комплементарных контраста. Это богатство и есть опасность. Четыре цвета равной силы не имеют центра тяжести, и изображение распадается на соперничающие области. Тетрадной схеме почти всегда нужен один явно доминирующий цвет, а три остальных играют вспомогательную роль; и обычно она лучше всего работает, когда одна комплементарная пара склоняется к тёплому, а другая к холодному, чтобы тепло-холодный баланс давал глазу место для отдыха. Она вознаграждает тщательную пропорцию больше любой другой схемы, кроме квадратной.

Квадратная: четыре равноудалённых цвета

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

Геометрия — квадрат, вписанный в круг, четыре точки, каждая через четверть оборота.

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

Монохромная: один цвет, много светлот

Монохромная схема использует один цвет, изменяемый только по светлоте и насыщенности. Разновидности — тинты (цвет плюс белый), тоны (цвет плюс серый) и шейды (цвет плюс чёрный). Иными словами, один синий, от самого бледного неба до глубочайшего тёмно-синего, и больше ничего.

Геометрия — вообще не фигура на круге. Это одна точка, исследуемая внутрь и наружу по осям светлоты и насыщенности, а не по окружности цветов.

Эффект — предельно возможная цельность. При одном цвете спорить нечему, поэтому изображение единое по определению. Загвоздка в том, что весь зрительный интерес должен идти откуда-то помимо цветового контраста, а значит, основную работу берёт на себя светлота. Монохромное изображение живёт или гибнет за счёт своей тональной структуры — того же тонального скелета, что держит и черно-белый этюд. Верно возьмёте ступени светлоты — и изображение из одного цвета понесёт столько же формы и глубины, сколько любое полноцветное. Ошибётесь — и оно осыплется в плоскую заливку. Это та схема, что доказывает: цветовая гармония часто вовсе не про цвет.

Когда у изображения нет чёткой гармонии

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

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

Ошибочный ход — навесить ярлык силой. Честный анализ сообщает, что схемы нет, а не подгоняет беспорядочную палитру к ближайшей названной. Назвать разбросанную палитру «триадной» на том основании, что три её цвета случайно легли близко к равностороннему треугольнику, — значит ничему не научиться и приучить глаз видеть структуру, которой нет.

Как распознать схему на реальном изображении

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

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

Undertone делает распознавание за вас на любом изображении, которое вы ему дадите. Наведите телефон на картину, фотографию, сцену перед вами или импортируйте изображение — и меньше чем за пять секунд приложение извлечёт цвета, нанесёт их на цветовой круг и сообщит, какую из семи схем использует изображение: комплементарную, аналоговую, триадную, сплит-комплементарную, тетрадную, квадратную или монохромную. Когда цвета не образуют чёткого отношения, оно так и говорит, а не подгоняет схему силой. Это в точности соответствует семи схемам из этого руководства, и в этом естественная награда: теория становится тем, что можно увидеть подтверждённым на реальных изображениях мгновенно, а не тем, что приходится принимать на веру.

Оно сообщает и то, что схемы упускают. Слой палитры показывает доминирующие цвета в размере, соответствующем тому, сколько места на изображении они реально занимают, с понятными художнику названиями вроде «кадмий жёлтый» и «серая Пейна», а не выдуманными, — это контраст по площади Иттена, ставший видимым. Карта температуры показывает тепло-холодный баланс, который решает, держится ли тетрадная или квадратная схема. Тональная структура показывает тональный скелет, от которого целиком зависит монохромная схема. Гармония — это геометрия цветов, но пропорция, температура и светлота — вот что заставляет геометрию работать, и всё это можно увидеть разом.

Всё работает на устройстве. Изображения не покидают телефон, нет ни учётной записи, ни регистрации. Бесплатный уровень щедр: неограниченный анализ с видами палитры, цветовой гармонии, температуры, светлоты и насыщенности плюс история из двадцати изображений. Определение цветовой гармонии, о котором всё это руководство, — бесплатно. Разовая покупка, без подписки, добавляет направляющие композиции, карту контрастного центра внимания, экспорт в полном разрешении и неограниченную историю.

Одна и та же мысль проходит через любой подход к цвету — изучаете ли вы японскую систему многослойного шёлка касанэ-но иромэ или четырёхцветную палитру Андерса Цорна: гармония никогда не про один цвет. Она про отношения между цветами. Цветовой круг — карта этих отношений, семь схем — её названные ориентиры, а самый полезный навык — научиться распознавать, какую из них изображение на самом деле использует.

Undertone анализирует любую картину или фотографию по нескольким измерениям: палитра, гармония, температура, тональная структура, композиция, насыщенность и контраст. Всё на устройстве, разовая покупка, без подписки. Доступно для iOS и iPadOS, macOS и Android.