Теория цвета, контраст Хабр

Как устроен круг Иттена

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

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

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

Яркие

Осенние: теплые тминный, бордовый, сине-зеленый, молочно-белый. Летние: фруктовые и яркие лимонный, лазурный, ярко-розовый, зеленый. Яркие цветовые семейства популярны для нарядов церемоний и торжеств, используются в женских деловых костюмах, модных нарядах и спортивной одежде. 

Контрастные цвета

Контрастные цвета находятся на противоположных сторонах цветового круга или отстоят друг от друга на 180° и образуют белый цвет при их смешении.

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

Использование модели RGB

1. Выбираем любой нужный цвет, к которому подберем контрастный, например, оранжевый #FFCC33 (255, 204, 51 в RGB).

2. Мы знаем, что контрастные цвета при смешивании образуют белый цвет. Следовательно, если от каждой компоненты белого цвета (число 255) отнять соответствующий компонент выбранного цвета, получим его контрастную пару.

3. В результате математических операций получаем следующие параметры: 0 (255-255), 51 (255-204) и 204 (255-51). После перевода из десятичной системы в шестнадцатеричную имеем цвет #0033CC.

#FFCC33#0033CC

Использование модели RGB неудобно и приведено лишь для примера. Более простой способ подбора контрастных цветом связан с моделью HSB.

Использование модели HSB

1. Выбираем любой нужный цвет (рис. 3), например, все тот же оранжевый #FFCC33 (45, 80, 100 в HSB).

Рис. 3. Параметры цвета в модели HSB

Рис. 3. Параметры цвета в модели HSB

2. Первый параметр, обозначенный буквой H, является оттенком цвета или углом на цветовом круге. Поскольку контрастные цвета расположены на цветовом круге в 180° друг от друга, легко получить нужный цвет прибавив (или отняв) к значению оттенка число 180 (рис. 4).

Рис. 4. Изменением одного лишь параметра Hue можно

Рис. 4. Изменением одного лишь параметра Hue можно получить контрастный цвет

3. Вводим значение 225 в поле оттенка (45+180) и получаем новый цвет (225, 100, 80 в HSB). Заметьте, что изменяется лишь один параметр, все остальные остаются прежними.

Замечание

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

Синий теплый зеленый

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

Сине-голубой сочетается с теплым зеленым: фисташко

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

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

Красный и оптимальные сочетания

 Комплиментарные цвета, 2 цвета (контрастно и дина

  1. Комплиментарные цвета, 2 цвета (контрастно и динамично): красный, зеленый;
  2. Триада, равносторонний треугольник, 3 цвета (менее контрастно и динамично): красный, синий, желтый;
  3. Равнобедренный треугольник, 3 цвета (энергично, но не настолько напряженно): красный, сине-зеленый, желто-зеленый;
  4. Квадрат, 4 цвета (ярко, динамично и игриво): красный, сине-фиолетовый, зеленый, желто-оранжевый;
  5. Тетрада, прямоугольник, 4 цвета (довольно ярко): красный, желтый, зеленый, желто-оранжевый;
  6. Аналогичное сочетание (умеренно, сдержанно): красно-оранжевый, красный, красно-фиолетовый.

Модные тенденции

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






В большинстве модных коллекциях, дизайнеры предлаг

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

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

​Работа с оттенками. Влияние оттенков на силуэт

→ монохромные (цвета, имеющие одно название, но разную светлоту, то есть переходные тона одного цвета от темного до светлого, полученные путем добавления в один цвет черной или белой краски в разных количествах) → аналогичные или оттеняющие (желто-оранжевый и оранжевый) → нейтральные (серый, бежевый) → пастельные или мягкие (бледно-голубой, бледно-розовый)

Зачем нужен круг Иттена

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

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

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

Нейтральные

Нейтральные: черный, бежевый, нюдовый, молочно-белый, терракотовый, коричневый, белый. Темные: черный, серый, бордовый, синий, хаки. Нейтральные цветовые семейства используются в униформах (военной, деловой), официальных костюмах, легких повседневных нарядах, модных total look. Могут использоваться для создания как классического традиционного, так и ультрамодного образа.

Синий коричневый

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

Сине-голубой сочетается с коричневым: верблюжим, з

Сине-голубой сочетается с коричневым: верблюжим, золотисто-каштановым, красно-коричневым, махагоном, кофейным. Основа: кремово-белый, средний коричнево-бежевый, черно-серый.

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

Таблица оттенков

Самым популярным в мире считается цветовой стандарт RAL, разработанный еще в начале ХХ века. Оттенки обозначаются цифрами, и палитра тонов постоянно пополняется. Сейчас стандарт насчитывает 213 цветов, сгруппированных в 6 диапазонов. Синие тона числятся под номерами RAL 5000 — RAL 5026 и имеют следующие названия:

  • Фиолетово RAL 5000;
  • Зелено-синий RAL 5001;
  • Ультрамариновый RAL 5002;
  • Сапфировый RAL 5003;
  • Черно-синий RAL 5004;
  • Сигнальный RAL 5005;
  • Бриллиантовый RAL 5007;
  • Серо-синий RAL 5008;
  • Лазурный RAL 5009;
  • Горечавково-синий RAL 5010;
  • Стальной RAL 5011;
  • Голубой RAL 5012;
  • Кобальтовый RAL 5013;
  • Голубино-синий RAL 5014;
  • Небесный RAL 5015;
  • Транспортный RAL 5017;
  • Бирюзовый RAL 5018;
  • Капри RAL 5019;
  • Океановая синь RAL 5020;
  • Водная синь RAL 5021;
  • Ночной RAL 5022;
  • Отдаленно-синий RAL 5023;
  • Пастельный RAL 5024;
  • Перламутровый горечавково-синий RAL 5025;
  • Перламутровый ночной RAL 5026.

Существуют еще другие стандарты палитр цветов. Pantone используется в полиграфии и предлагает 180 оттенков синего. NCS широко применяется в промышленных сферах для описания изделий.

Оттенки в мужской моде

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


Вместо классического черного костюма стилисты реко

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


Одежда сапфирового цвета – красивая и насыщенная.

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

Синий красный, бордовый

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

Сине-голубой сочетается с красным: алым, китайский

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

Основные комбинации наnbsp;круге Иттена

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

1. Если провести через центр круга прямую линию, получится комплементарное сочетание — оно максимально контрастное.

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

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

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

Контрастная триада получается при наложении равноб
Контрастная триада получается при наложении равнобедренного треугольника на круг

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

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

Это сочетание смотрится более пёстрым, чем контрас
Это сочетание смотрится более пёстрым, чем контрастная триада

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

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

Вот пример одного из таких сочетаний
Вот пример одного из таких сочетаний

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

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

Чем больше требуется цветов, тем труднее их с
Чем больше требуется цветов, тем труднее их сочетать, но круг Иттена упрощает задачу

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

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

Такая схема даёт много вариантов сочетаний
Такая схема даёт много вариантов сочетаний

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

Сочетание бирюзового и голубого цвета

 Комплиментарные цвета, 2 цвета (контрастно и дина

  1. Комплиментарные цвета, 2 цвета (контрастно и динамично): голубой, красный;
  2. Триада, равносторонний треугольник, 3 цвета (менее контрастно и динамично): голубой, желтый, розовый;
  3. Равнобедренный треугольник, 3 цвета (энергично, но не настолько напряженно): голубой, оранжевый, ярко-розовый;
  4. Квадрат, 4 цвета (ярко, динамично и игриво): голубой, зеленый, красный, фиолетовый;
  5. Тетрада, прямоугольник, 4 цвета (довольно ярко): голубой, зеленый, красный, розовый;
  6. Аналогичное сочетание (умеренно, сдержанно): цвет морской волны, голубой, синий.

Как иnbsp;когда появился круг Иттена

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

Иоханнес Иттен — швейцарский художник и преподаватель Баухауса, известный своим вкладом в изучение колористики в начале прошлого века. В книге «Искусство цвета» Иттен подробно описал принципы работы с цветом и уже знакомый нам круг.

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

Ключевые цветовые семейства

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

Синий оранжевый, персиковый

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

Сине-голубой сочетается с оранжевым: персиковым, м

Сине-голубой сочетается с оранжевым: персиковым, манго, апельсиновым, морковным, темно-оранжевым. Базовые цвета: кремово-белый, стальной, мокрый асфальт. Сине-фиолетовый сочетается с оранжевым: светло-персиковым, оранжево-коралловым, тыквенным, красно-оранжевым, рыжим. Нейтральные: светло-кремовый, серо-бежевый, мокрый асфальт. Сине-зеленый сочетается с оранжевым: желто-коралловым, карамельным, сиеной, кирпичным, рыжим. База: молочный, серо-лиловый, мокрый асфальт. Серо-синий сочетается с оранжевым: персиковым, оранжево-коралловым, огненным, темно-оранжевым, рыжим. Основа: нежно-кремовый, зеленовато-серый, мокрый асфальт.

Новые цветовые коды

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