Удачные сочетания цветов мгновенно привлекают внимание и располагают к себе зрителя. Поскольку люди потребляют все больше контента с телефона, детализация и качество ваших картинок становятся не так важны, как цвет.
Так что, господа маркетологи, ищущие секреты успешного контента, предлагаю вашему вниманию цветовой круг Иттена.
![В центре три базовых цвета, которые можно разбивать на бесконечное множество оттенков Как выглядит круг Иттена](/upload/medialibrary/4b1/tb0lx5k3lc6xikiphxb7xd2um9ggt7eo/1_1.webp)
В центре три базовых цвета, которые можно разбивать на бесконечное множество оттенков
Правила сочетания
По кругу Иттена легко выбирать гармоничные комбинации из 2-4 цветов. Конечно, на фотографиях их бывает гораздо больше, но мы будем вести речь об основной гамме: ее задают объекты, занимающие много места или расположенные в центре картинки.
Если при создании поста вы хотите выделить конкретный предмет или человека, подойдет комплементарное сочетание. Это любые два цвета из круга, лежащие напротив: например, голубой с оранжевым или фиолетовый с желтым.
Еще бывает разбитое комплементарное сочетание, по схеме напоминающее узкий треугольник. Оно выглядит так:
![В центре внимания на картинке – желтый, зеленый и лиловый. Это разбитое комплементарное сочетание Как пользоваться кругом Иттена](/upload/medialibrary/253/2kgxex4do7im7qr8tj6pgw41vynmzp0h/2_1.webp)
В центре внимания на картинке – желтый, зеленый и лиловый. Это разбитое комплементарное сочетание
Аналогичное сочетание подойдет, если вы хотите просто создать атмосферу, а не продемонстрировать конкретный товар. Для этого берут три соседствующих цвета. С ними вся картинка будет восприниматься единым пятном.
![Тут подзатесалась капелька зеленого, но основа картинки – из синего, фиолетового и розового Как пользоваться кругом Иттена](/upload/medialibrary/740/mp8skd3yb6aydra1ghu4fss1sond7urj/3_1.webp)
Тут подзатесалась капелька зеленого, но основа картинки – из синего, фиолетового и розового
Сочетание триадных цветов позволяет создать на картинке несколько равнозначных пятен. На круге Иттена схема представляет собой равнобедренный треугольник.
![Так это может выглядеть Как пользоваться кругом Иттена](/upload/medialibrary/c75/s5m53pbmhw73p49t2f8my5025tsslm21/4_1.webp)
Так это может выглядеть
На основе круга также есть варианты сочетания четырех цветов. Это может пригодиться, если на изображении несколько композиционных центров. Такие картинки не приковывают внимание к одному товару или лицу, но ведут взгляд зрителя по той или иной траектории.
Сочетание можно подобрать, если наложить на круг Иттена прямоугольник или квадрат:
![Наш взгляд скользит по картинке: с красной шляпки на смешного голого человечка, с синего неба на зеленые кусты Как пользоваться кругом Иттена](/upload/medialibrary/9c9/5jcorg08fs4aaynf2vj6trphnpn83ki0/5_1.webp)
Наш взгляд скользит по картинке: с красной шляпки на смешного голого человечка, с синего неба на зеленые кусты
Чем еще различаются цвета?
Мы разобрали основные схемы, но их существует гораздо больше. Однако, как вы уже, возможно, заметили, оттенки на моих примерах не в точности совпадают с цветами круга. Потому что у цвета есть разные характеристики.
![В «Фотошопе» можно представить цвета в модели HSB, чтобы легко редактировать три свойства цвета: сам оттенок, насыщенность и яркость Как пользоваться кругом Иттена](/upload/medialibrary/6a6/l21xz7cd6pdgfu15l5jsjblg3id9y1x3/6_1.webp)
В «Фотошопе» можно представить цвета в модели HSB, чтобы легко редактировать три свойства цвета: сам оттенок, насыщенность и яркость
Если бы мы расширили круг Иттена и разбили каждый цвет еще на несколько оттенков, в зоне красного на стыке с оранжевым мы бы получили приятный тепленький красный. Это оттенок.
Приятный тепленький красный можно превратить в персиковый или в яркий-яркий алый цвет, как на флаге СССР. Это насыщенность. Картинки с насыщенными цветами будут более контрастными, а при низкой насыщенности вы получите спокойную пастельную гамму.
Наконец, наш персиковый можно сделать темно-терракотовым или нежно-розовым. Это яркость. Контраст в яркости художники считают неотъемлемым в любом изображении: важно определиться, какие фигуры у вас будут темными, а какие – светлыми. Особенно важна разница яркости для типографики: текст всегда делают значительно темнее или светлее фона.
Полезные ссылки
Если вы чувствуете себя неуверенно в подборе цветов, можно воспользоваться достижениями технической мысли – в интернете много сервисов для поиска гармоничных сочетаний. Мне нравится Adobe Color: тут можно задать нужное правило сочетания, варьируя оттенки на круге. Или извлечь основные цвета из изображения: вооружайтесь электронными образцами классической живописи – и вперед!
Еще один прекрасный сервис – Color Combos. Здесь в разделе Tools можно сгенерировать случайную картинку из выбранных цветов или посмотреть, как будет смотреться текст, выбрав цвет букв и фона.