02Цвет

Цветовой круг Иттена: как пользоваться

Цветовой круг Иттена: как пользоваться

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

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

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

Придумал её швейцарский художник и педагог Иоганнес Иттен (1888–1967). В 1919–1923 годах он преподавал в веймарском Баухаусе и вёл там вводный курс, Vorkurs. Иттен учился у Адольфа Хёльцеля, и хёльцелевская теория контрастов в его системе видна невооружённым глазом. Свои взгляды на цвет он собрал в книге «Искусство цвета» (Kunst der Farbe), которая вышла в 1961 году. На русском выходила и сокращённая версия.

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

Цвета круга Иттена: из чего он состоит

Схема собрана в три слоя, и каждый вырастает из предыдущего. В центре стоит равносторонний треугольник из трёх первичных: жёлтого, красного и синего. Вокруг него шестиугольник, куда добавлены вторичные цвета. Снаружи кольцо из 12 секторов: 3 первичных, 3 вторичных и 6 третичных.

Вторичные получаются, если смешать два первичных:

  1. Жёлтый + красный = оранжевый.
  2. Красный + синий = фиолетовый.
  3. Синий + жёлтый = зелёный.

Третичный цвет — это первичный, смешанный с соседним вторичным. Их шесть:

  1. Жёлто-оранжевый.
  2. Красно-оранжевый.
  3. Красно-фиолетовый.
  4. Сине-фиолетовый.
  5. Сине-зелёный.
  6. Жёлто-зелёный.

Если идти по кругу, порядок такой: жёлтый, жёлто-оранжевый, оранжевый, красно-оранжевый, красный, красно-фиолетовый, фиолетовый, сине-фиолетовый, синий, сине-зелёный, зелёный, жёлто-зелёный. Цвета друг напротив друга называют дополнительными. У Иттена таких пар три: жёлтый с фиолетовым, красный с зелёным, синий с оранжевым.

Тёплые и холодные цвета круга

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

Граница условная. Фиолетовый или жёлто-зелёный на стыке ведут себя как хамелеоны: смените соседей или свет, и они то теплеют, то остывают.

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

Вся работа укладывается в цепочку «базовый цвет, шаблон, пропорции».

  1. Выберите базовый цвет. Подойдёт любимый или тот, что уже есть и никуда не денется: диван, плитка, логотип.
  2. Найдите его сектор. Смотрите на тон, светлоту пока отложите: тёмно-синий и голубой сидят в одном секторе.
  3. Наложите шаблон: линию через центр, треугольник, квадрат или прямоугольник. Какой именно, решают число нужных цветов и сила контраста.
  4. Отметьте сектора под вершинами. Это и есть палитра.
  5. Подберите светлоту и насыщенность. Круг выдаёт чистые тона, а в жизни их почти всегда осветляют, затемняют или гасят.
  6. Разложите цвета по площади. Ориентир — правило 60-30-10: основному цвету 60%, второстепенному 30%, акценту 10%.

Возьмём синий. Линия через центр упирается в оранжевый. Стены приглушённого синего забирают около 60% площади, светлая нейтральная мебель и текстиль около 30%, а оранжевым остаются подушки, лампа и рама, примерно 10%. Пара по-прежнему дополнительная, но кричать комнате не дают приглушённый тон и маленькая площадь акцента.

Круг Иттена и цветовые сочетания: основные схемы

Цветовой круг Иттена: сочетание цветов

СхемаГеометрияЦветовПример из кругаЭффект
Комплементарнаялиния через центр2жёлтый + фиолетовыймаксимальный контраст
Расщеплённо-комплементарнаяузкий треугольник3жёлтый + красно-фиолетовый + сине-фиолетовыйконтраст мягче
Триадаравносторонний треугольник3красный + жёлтый + синий; оранжевый + зелёный + фиолетовыйяркий баланс
Тетрада квадратомквадрат4жёлтый + красно-оранжевый + фиолетовый + сине-зелёныйнасыщенный баланс, нужен лидер
Тетрада прямоугольникомпрямоугольник4жёлтый + оранжевый + фиолетовый + синийбаланс двух пар
Аналоговаядуга соседних секторов3–5жёлтый + жёлто-оранжевый + оранжевыйспокойствие

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

Триада в полной насыщенности смотрится как плакат, так что в интерьере её приглушают.

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

В аналоговой схеме соседние сектора перетекают друг в друга, и контраст тут приходится делать светлотой.

Семь цветовых контрастов Иттена

Контрасты объясняют, почему цвета рядом то усиливают друг друга, то гасят. Иттен насчитал семь.

  1. Контраст цветового тона: разные чистые тона рядом, громче всего звучат первичные. На нём держится детская игровая зона с красным, жёлтым и синим.
  2. Светлое против тёмного. Эта разница никуда не девается даже без цвета, на ней построена тёмная кухня со светлой столешницей.
  3. Холодное и тёплое, то есть цвета из разных половин круга. Скажем, серо-голубые стены и тёплое дерево мебели.
  4. Контраст дополнительных цветов. Противоположности на круге подкручивают друг другу яркость: зелень растений горит на стене приглушённого красно-кирпичного тона.
  5. Симультанный контраст. Глаз сам дорисовывает к цвету его дополнительный, и нейтральный сосед начинает отливать: серая поверхность рядом с насыщенной стеной получает оттенок, противоположный цвету стены. Отсюда практический вывод: серую ткань оценивайте на фоне будущих стен, в магазине она врёт.
  6. Насыщенность. Одно яркое кресло в комнате, где всё остальное в пыльных оттенках.
  7. Контраст распространения, он же контраст площадей. Цвета уравновешены, когда площадь согласована со светлотой. Иттен брал значения светлоты по Гёте: жёлтый с фиолетовым уравновешиваются в пропорции 1:3, оранжевый с синим 1:2, красный с зелёным 1:1. Поэтому жёлтого в фиолетовой комнате должно быть немного, иначе он перетянет на себя всё внимание.

Цветовой круг Иттена онлайн: как работать с цифровыми инструментами

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

Порядок работы в генераторе:

  1. Выберите модель RYB, если инструмент её предлагает.
  2. Задайте базовый тон.
  3. Выберите схему: комплементарную, триаду, аналоговую или другую.
  4. Скорректируйте светлоту и насыщенность каждого цвета.
  5. Сохраните значения цветов, чтобы потом сверить их с выкрасками или перенести в макет.

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

И не верьте монитору на слово. Одна палитра на разных экранах выглядит по-разному, а на стене меняется ещё сильнее.

Применение круга Иттена на практике

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

Белого, серого, бежевого и оттенков дерева в круге нет, хотя в квартире на них всё держится. Обычно они и занимают «30%», а то и «60%» по правилу 60-30-10, а цвета из схемы ложатся сверху.

Проверять палитру лучше на месте, маленький образец в руке тут не помощник:

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

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

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

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

Ограничения модели Иттена и отличия от других цветовых кругов

Главная проблема в том, что RYB расходится и с экранной, и с печатной моделью. Отсюда другие дополнительные пары:

  • к синему в RYB дополнителен оранжевый, в RGB жёлтый;
  • к красному в RYB дополнителен зелёный, в RGB голубой (циан);
  • в CMYK, печатной субтрактивной модели, первичные другие: голубой, пурпурный и жёлтый.

Палитру по Иттену при переносе на экран или в печать, возможно, придётся подправлять.

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

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

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

Сколько цветов в круге Иттена? Двенадцать: три первичных (жёлтый, красный, синий), три вторичных (оранжевый, фиолетовый, зелёный) и шесть третичных.

Какие цвета дополнительные по Иттену? Жёлтый и фиолетовый, красный и зелёный, синий и оранжевый.

Почему онлайн-круг показывает другие пары, чем бумажный? Многие цифровые инструменты построены на экранных моделях, а не на RYB. В RGB, например, к синему дополнителен жёлтый, а не оранжевый.

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

Какую схему выбрать новичку? Аналоговую или расщеплённо-комплементарную. Они прощают больше ошибок, чем триада или тетрада.

Как распределять цвета по площади? Начните с правила 60-30-10. Для дополнительных пар пригодятся и соотношения Иттена: жёлтый к фиолетовому 1:3, оранжевый к синему 1:2, красный к зелёному 1:1.

Редакция MDB

Независимый журнал о дизайне. Пишем о выставках, интерьерах, вещах и шрифтах, которые видели сами; пресс-релизы не перепечатываем.

О журнале

Ещё в рубрике «Цвет»