logo
18 Aug 2021

Круг Иттена: что это и как правильно сочетать цвета

Лена Леонова

Редактор полезных и длинных текстов, MC.today

Хотите научиться создавать гармоничные цветовые сочетания быстро и без особых усилий? В этом поможет цветовой круг Иттена. Редакция MC.today подготовила инструкцию, как им пользоваться.


Содержание:

Как появился цветовой круг Иттена 

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

Впервые цветовой круг Иттена появился в книге «Искусство цвета», изданной в 1921 году, когда художник Йоханнес Иттен преподавал в Баухаусе (Государственная высшая школа строительства и формообразования в Германии. – Прим. ред.). 

В этой работе автор описал принципы работы с цветом и предложил свою версию цветового круга. Он не претендовал на звание первопроходца в этой теме, а открыто говорил о том, что систематизировал труды предшественников и по-своему их интерпретировал.

Курс UX/UI дизайнер сайтів і застосунків з Alice K.
Курс від практикуючої UI/UX дизайнерки, після якого ви знатимете все про UI/UX дизайн .
Реєстрація на курс

Иногда круг Иттена называют еще цветовым колесом или замкнутым спектром.

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

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

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

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

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

Цветовые схемы на круге Иттена

Основных комбинаций на круге Иттена шесть. Строятся они так.

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

Такое сочетание цветов можно найти, если провести прямую линию через центр круга. Цвета, которые находятся напротив друг друга – комплементарные. Например, зеленый и красный, красно-оранжевый и сине-зеленый. 

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

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

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

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

Аналогичное сочетание

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

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

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

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

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

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

Курс English For IT: Communication від Enlgish4IT.
Почни легко працювати та спілкуватися з мультикультурними командами та міжнародними клієнтами. Отримайте знижку 10% за промокодом ITCENG.
Інформація про курс

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

Такое сочетание строится на основе четырех цветов, которые равноудалены друг от друга на круге Иттена.

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

Основа интерьера на фото – серый цвет. На его фоне расставлены акценты разных оттенков: синего, красного, зеленого, желтого.

Зачем нужен цветовой круг Иттена

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

Так вот, круг Иттена позволяет быстрее подбирать гармоничные сочетания цветов, в том числе дополнительных. Этот инструмент применяют в таких сферах:

  • фотография;
  • дизайн одежды и интерьеров, сайтов, полиграфии;
  • живопись;
  • декораторство. 
  • Курс Розмовної англійської від Englishdom.
    Після цього курсу ви зможете спілкуватись з іноземцями і цікаво розкажете про себе.
    Приєднатися

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

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

Например, сайтом с удачным цветовым оформлением приятнее пользоваться. И вероятность того, что посетитель задержится на нем и совершит нужное владельцу действие (покупка, подписка), растет. Яркий пример – сайт ASOS: минимум цветов, заметные контрасты, ненавязчивые акценты. 


Среди брендов, которые строят свой визуал на основе круга Иттена: Burger King, Facebook, KFC, Skype, IBM.

Как работать со множеством оттенков

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

Чтобы работать со всем многообразием оттенков, круг Иттена можно использовать как вспомогательную технологию.

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

3 онлайн инструмента, которые помогут автоматически подобрать палитру 

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

Среди таких инструментов:

Англійська для IT від Englishdom.
В межах курсу можна освоїти ключові ІТ-теми та почати без проблем говорити з іноземними колегами.
Дійзнайтеся більше
  • Adobe Color CC. Удобный сервис, в котором можно создавать цветовые схемы при помощи разных систем и просматривать сохраненные ранее палитры.
  • ColoRotate. Приложение и версия для ПК позволяют создавать палитры, а также использовать готовые и редактировать их под свои требования.
  • Coolors. Еще один сайт для работы с цветовыми палитрами. Удобно то, что цвета можно выбрать из загруженного изображения. Также есть возможность воспользоваться галереей палитр.

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

Этот материал – не редакционныйЭто – личное мнение его автора. Редакция может не разделять это мнение.

Онлайн курс з промт інжинірингу та ефективної роботи з ШІ від Powercode academy.
Курс-інтенсив для отримання навичок роботи з ChatGPT та іншими інструментами ШІ для професійних та особистих задач, котрі допоможуть як новачку, так і професіоналу.
Записатися на курс

Новости

Вдохновляющие компании-работодатели

«БИОСФЕРА»

Ваша жалоба отправлена модератору

Сообщить об опечатке

Текст, который будет отправлен нашим редакторам: