Цветовой круг Иттена: что это такое и как подбирать сочетания цветов

Кто такой Иоганнес Иттен и почему его круг стал стандартом

Иоганнес (в некоторых источниках – Иоханнес) Иттен в течение полутора десятков лет преподавал в Высшей школе строительства и художественного конструирования Германии Баухаус. Кроме того, он был достаточно известным швейцарским художником первой половины 20 века и одновременно очень активно занимался изучением колористики (науки о природе цвета и его восприятия человеком).

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

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

Курс «Иллюстрация и рисование с нуля» от Нетология

Школа	Нетология
Стоимость	90 900 руб
Цена в рассрочку	2 806 руб/мес
Длительность курса
Программа трудоустройства	Есть
Формат	Запись лекций, Онлайн занятия с преподавателем

Курс «Техники скетча» от XYZ School

Школа	XYZ School
Стоимость	87 230 руб
Цена в рассрочку	7 269 руб/мес
Длительность курса
Программа трудоустройства	Отсутствует
Формат	Запись лекций

Курс «Основы рисунка» от Skillbox

Школа	Skillbox
Стоимость	34 155 руб
Цена в рассрочку	5 693 руб/мес
Длительность курса
Программа трудоустройства	Отсутствует
Формат	Запись лекций

Как устроен круг Иттена: первичные, вторичные и третичные цвета

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

• Первичные или основные. Таких цветов всего три: красный, синий и желтый. Их первичность выражается в невозможности получить с помощью смешивания других цветов. Размещаются во внутреннем центральном треугольнике. Продублированы на внешней окружности круга.
• Вторичные. К этой группе также относятся три цвета, которая можно получить смешиванием двух первичных: 
  1. оранжевый (красный + желтый);
  2. фиолетовый (красный + синий);
  3. зеленый (синий + желтый).

Размещаются между внешней окружностью и внутренним треугольником. Продублированы на внешней окружности круга.

• Третичные. Самая многочисленная группа из шести цветов. Каждый представляет собой смешение двух соседних первичного и вторичного. Размещаются на внешней окружности круга.

Хроматические и ахроматические цвета: в чём разница

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

• цветовой тон (определяется с учетом части спектра, куда относится цвет);
• насыщенность или чистота (зависит от интенсивности или силы цвета, которая снижается посредством добавления ахроматических цветов – о них ниже);
• яркость или светлота (показывает близость цвета к светлому или темному).

Ахроматическими называют цвета, не имеющие цветового тона и насыщенности, но отличающиеся по светлоте или яркости. К ним относятся: белый, черный и оттенки серого. Главными характеристики ахроматических цветов выступают:

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

Сравнение хроматических и ахроматических цветов по основным критериям представлено ниже. Вместе с примерами по каждой цветовой группе.

Критерий сравнения	Категория цветов
Хроматические	Ахроматические
Цветовой тон	Да	Нет
Насыщенность или чистота	Да (зависит от интенсивности цвета)	Нет (низкая)
Светлота (яркость)	Разная	Разная
Примеры	Синий, красный, желтый, зеленый и другие	Белый, серый и черный

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

7 контрастов Иттена: как цвета воспринимаются рядом

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

1. По цвету. Базовый вариант контраста, предусматривающий задействование цветов, которые сильно удалены друг от друга на цветовом круге. Сам автор последнего считает, что максимальный контраст дают первичные цвета, то есть синий, красный и желтый. Их комбинация создает впечатление решительности и силы.
2. Светлого и темного. Контраст создает разница в интенсивности и яркости, которая может возникнуть как между оттенками одного цвета (темными и светлыми, так и между разными цветами. Такая комбинация активно используется для создания объема и глубины изображения, а также выделения главного объекта на фоне.
3. Холодного и теплого. К первой группе цветов относятся синий и зеленый, ко второй – оранжевый и красный. Разница в условной «температуре» ведет к созданию различных ощущений: спокойствия и прохлады от холодных цветов или тепла и энергии от теплых. Контраст отлично подходит для создания ощущения перспективы, так как теплые тона визуально кажутся ближе, а холодные – дальше.
4. Дополнительных (или комплементарных) цветов. Так называются цвета, которые находятся в круге Иттена друг напротив друга. Их сочетание создает броский и очень яркий эффект. Особенно часто для такого контраста используются комбинации зеленого и красного, оранжевого и синего или фиолетового и желтого.
5. Симультанный. Контраст базируется на субъективности зрительного восприятия, которое выражается в генерировании глазом дополнительного цвета, которого на самом деле нет, при рассмотрении комбинации серого с другим насыщенным.
6. По насыщенности. Контраст создает сочетание блеклого цвета с насыщенным. Такая комбинация подходит для выделения главного элемента композиции.
7. По площади цветовых пятен. Данный параметр отражает положение цвета в композиции: от малозначительного до доминирующего. В общем случае действует следующее правило: чем цвет светлее, тем меньше места нужно ему отводить.

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

6 основных схем сочетания цветов по кругу Иттена

Следующим шагом Иттена после создания цветового круга стало составление шести основных сочетаний цветов. В указанную цифру входят следующие схемы построения композиций:

1. Аналоговая триада. Обычно строится из трех соседних цветов внешней окружности. Нередко их число увеличивается до 4-5. Результатом становится гармоничная палитра с плавным переходом от цвета к цвету.
2. Комплементарная или контрастная. Задействует цвета, максимально удаленные друг от друга в круге Иттена. Найти их несложно – достаточно провести прямую линию через центр фигуры. На выходе получается композиция с ярким акцентом на разницу в цветах (причем один стоит сделать основным, второй – дополнительным).
3. Раздельно-комплементарная или контрастная триада. Отличается от предыдущей тем, что вместо одного дополнительного цвета задействуются два соседних (или близких друг к другу). Для чего в круг вписывается равнобедренный треугольник. В результате палитра остается контрастной, но менее резкой, чем комплементарная.
4. Триада или классическая. Предусматривает задействование трех цветов, равноудаленных друг от друга. Их поиск предполагает вписывание в круг Иттена равностороннего треугольника. По итогу удается добиться одновременно динамичной и сбалансированной комбинации цветов.
5. Тетрада. Палитра состоит из четырех цветов, причем разбитых на относительно близкие пары. Что несколько снижает разнообразность и красочной комбинации, хотя оба параметра остаются на достаточно высоком уровне.
6. Квадрат. Также включает четыре цвета, но максимально далеких друг от друга. Что дает на выходе максимальное разнообразие и красочность создаваемой палитры.

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

Как пользоваться кругом Иттена на практике — пошаговый алгоритм

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

1. Формулирование задачи. Заключается в определении желательного эффекта от восприятия итогового продукта. Для природных или спокойных сюжетов подходят монохромные и аналоговые схемы, для динамичных работ – триадные, комплементарные или тетрада.
2. Выбор основного цвета. Другое его название – доминирующий. В подобном качестве может использоваться любой из 12 цветов Иттена, а при некотором приложении усилий – еще и многочисленные оттенки.
3. Определение оптимальной схемы цветового сочетания. При этом учитываются как 7 контрастов, так и 6 основных вариантов, описанных выше.
4. Уточнение оттенков. Производится посредством работы по трем направлениям:
   • изменение насыщенности;
   • изменение светлоты;
   • использование третичных оттенков.
5. Распределение пропорции по площади каждого цвета. Оптимальный считается комбинация 60 % на 30 % на 10 % (соответственно, основной, дополнительный и акцентный цвета).
6. Проверка сбалансированности цветовой комбинации. Предполагает задействование субъективной оценки автора (заметно чаще) или экспертизы стороннего специалиста (намного реже).
7. Адаптация результата под конкретную задачу. Цветовой круг Иттена – пусть важный, но всего лишь инструмент. Поэтому необходимо не воспринимать его как догму. Намного правильнее привязывать конечный продукт к контексту и особенностям выполняемой работы (творчество, бизнес-задача и т.д.)

Онлайн-инструменты на основе круга Иттена

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

1. Paletton. Популярный среди дизайнеров англоязычный сервис. Содержит удобные и разнообразные настройки, влияющие на конечный продукт и созданную цветовую схему.
2. AdobeColor. Продукт обширной экосистемы Adobe, который без проблем интегрируется с другими. Предназначен специально для создания и работы с цветовыми палитрами.
3. ColorScheme.ru. Универсальный сервис с русскоязычным интерфейсом. Удачно сочетает ручные и автоматизированные функции. Предоставляет доступ к командной работе посредством открытия постоянного URL-адреса цветовой схемы.
4. Palitri.ru. Специализированный продукт, с помощью которого строится интерактивный круг с готовыми цветовыми сочетаниями.
5. AsposeProducts. Удобный инструмент с достаточно широким набором функциональных возможностей. Подходит фрилансерам в силу простоты и доступности.

Когда круг Иттена не поможет: ограничения инструмента

1. Круг работает только с 12 чистыми хроматическими цветами: если нужен оттенок (мятный, пыльный розовый, капучино), придётся экстраполировать — инструмент не заменяет колориметрию.
2. Круг не учитывает насыщенность и светлоту: два цвета-комплемента могут выглядеть дисгармонично, если один пастельный, а другой яркий — нужна дополнительная калибровка по тону.
3. Круг построен на субтрактивной модели смешения пигментов (RYB), а не на RGB или CMYK: цифровые дизайнеры работают в другом цветовом пространстве, где «правильные» комплементы могут не совпадать с кругом Иттена.
4. Строгое следование схемам даёт предсказуемый результат: профессионалы предупреждают, что буквальное применение круга без учёта контекста приводит к шаблонным и скучным решениям.
5. Круг не учитывает дальтонизм аудитории: около 8% мужчин имеют нарушения цветовосприятия — без проверки контрастности по WCAG даже «гармоничная» по кругу Иттена палитра может быть недоступной.

Как выбрать схему сочетания цветов под задачу: таблица

Задача художник или дизайнера	Оптимальная цветовая схема	Обоснование рекомендации
Запрос на яркий акцент на одном элементе (заголовок или кнопка)	Комплементарная (два максимально удаленных друг от друга цвета)	Создается яркий контраст, буквально притягивающий взгляд
Гармоничная и спокойная палитра для бренда или интерьера	Аналоговая (из 3-5 соседних цветов)	Близкие цвета и оттенки без резких контрастов
Потребность в трех примерно равнозначных цветах без доминанты	Триада (равносторонний треугольник)	Сочетание разнообразия и баланса по яркости
Иллюстрации со сложной четырехцветной палитрой	Третрада (прямоугольник)	Комбинация из четырех цветов, разбитых на две комплементарные пары
Лаконичный и минималистский дизайн	Монохроматическая схема (один цвет + тон + оттенок)	Целостная палитра без лишних цветов и ярких контрастов
Мягкий переход между контрастными цветами	Контрастная триада	Комбинация из одного основного и двух дополнительных (соседних по отношению друг к другу) цветов

Часто задаваемые вопросы (FAQ)

Что такое цветовой круг Иттена простыми словами?

Цветовой круг Иттена — это схема из 12 хроматических цветов, расположенных в определённом порядке. Она показывает, как цвета соотносятся друг с другом: какие дополняют, какие контрастируют, какие соседствуют мягко. Инструмент создал швейцарский художник Иоганнес Иттен и описал в книге «Искусство цвета» в 1961 году.

Как пользоваться кругом Иттена для подбора цветов?

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

Чем комплементарная схема отличается от аналоговой?

Комплементарная схема — это два цвета напротив друг друга на круге: они создают максимальный контраст. Например, синий и оранжевый, жёлтый и фиолетовый. Аналоговая схема — это 2–5 соседних цветов, которые переходят друг в друга плавно и создают спокойную, согласованную палитру без резких переходов.

Можно ли использовать круг Иттена для интерьера и одежды?

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

Какие онлайн-сервисы работают по принципу круга Иттена?

Adobe Color, Paletton и Canva — самые популярные инструменты, которые автоматически строят палитры по схемам круга. Они позволяют выбрать базовый цвет и получить комплементарную, аналоговую, триадную или другую схему в один клик. Результат можно сохранить и использовать в дизайн-программах.

Как научиться работать с цветом профессионально?

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

Сравните программы курсов на edu.sravni.ru и выберите ту, где теория разбирается на реальных проектах.