Содержание
- Три основных цвета
- Цветовой круг: вторичные цвета
- Третичный цветовой круг
- Семь контрастов Иоганнеса Иттена
- Сочетания и гармонии
- Что делать со знаниями дальше
- Как автоматизировать выбор цвета
- Где еще изучать колористику
Цветовой круг Иттена — это основа дизайна, одна из визуализаций того, как взаимодействуют между собой цвета, как одни получаются из других и сочетаются друг с другом.
Цвет — один из главных инструментов в дизайне. Чтобы уверенно и точно использовать его, правильно подбирать палитру проектов, стоит понять, что представляют собой цвета и сколько их на самом деле.
Свои идеи о том, как упорядочить и описать цвета, выдвигали многие ученые и художники, к примеру Ньютон и Гёте. Но именно 12-частный цветовой круг швейцарского художника, теоретика и педагога школы «Баухаус» Иоганнеса Иттена стал сводом классических правил, самым узнаваемым среди дизайнеров.
![](https://bangbangeducation.ru/point/content/images/2023/12/--------10.jpg)
Три основных цвета
Фундамент круга Иттена составляют три цвета: желтый, красный и синий. Главное отличие основных цветов круга заключается в том, что их нельзя получить путем смешивания других. Именно поэтому их называют первичными, или основными. Остальные цвета круга получаются из этих трех.
![Три основных цвета цветового круга Иттена](https://bangbangeducation.ru/point/content/images/2024/05/tri-osnovnyh-cveta-kruga-1.jpg)
Дизайн-библиотека BBE
Пополняемая коллекция бесплатных и платных курсов от онлайн-школы Bang Bang Education поможет определиться с интересами, развить насмотренность, освоить ключевые навыки и разобраться в тонкостях выбранной профессии.
Цветовой круг: вторичные цвета
Следующий уровень — это уже составные цвета, которые получаются путем смешивания пары первичных. Всего их тоже три: оранжевый, зеленый и фиолетовый.
![Вторичные цвета цветового круга Иттена](https://bangbangeducation.ru/point/content/images/2024/05/vtorichnye-cveta-kruga-1.jpg)
Третичный цветовой круг
На круге осталось шесть ячеек, о которых мы не сказали. Они тоже образуются смешиванием, но уже одного первичного и одного вторичного цветов, соседствующих друг с другом на круге.
Соединяя их, мы получаем такие цвета: желто-оранжевый, красно-оранжевый, красно-фиолетовый, сине-фиолетовый, сине-зеленый и желто-зеленый.
В итоге у нас получается круг из 12 цветов: трех первичных, трех вторичных и шести третичных.
![Третичные цвета цветового круга Иттена](https://bangbangeducation.ru/point/content/images/2024/05/tretichnye-cveta-kruga-1.jpg)
![](https://bangbangeducation.ru/point/content/images/2023/08/00_-------.png)
Семь контрастов Иоганнеса Иттена
Систематизацией цветов 12-частная теория круга не ограничивается.
В книге «Искусство цвета» Иттен также выделяет семь цветовых контрастов — это сопоставления, благодаря которым мы и получаем визуальные впечатления:
- контраст по цвету
- контраст светлого и темного
- контраст холодного и теплого
- контраст дополнительных цветов
- симультанный контраст
- контраст по насыщенности
- контраст по площади цветовых пятен
![Пример контраста по цвету](https://bangbangeducation.ru/point/content/images/2024/05/kontrast-po-cvetu-van-gog-irisy-1.jpg)
![Пример контраста холодного и теплого](https://bangbangeducation.ru/point/content/images/2024/05/kontrast-kholodnogo-i-teplogo-na-kartine-zhana-fuke-koronacziya-filippa-ii-v-rejmse.jpg)
![Пример контраста дополнительных цветов](https://bangbangeducation.ru/point/content/images/2024/05/kontrast-dopolnitelnykh-czvetov-v-filme-odin-doma.jpg)
![Пример контраста по насыщенности](https://bangbangeducation.ru/point/content/images/2024/05/kontrast-po-nasyshhennosti-na-kartine-karavadzho-pishushhij-svyatoj-ieronim.jpg)
![Пример контраста по площади цветовых пятен](https://bangbangeducation.ru/point/content/images/2024/05/kontrast-po-ploshhadi-czvetovykh-pyaten-na-kartine-van-goga-spalnya-v-arle.jpg)
Каждому из них Иттен посвящает отдельную главу своей книги. Он пишет о том, как те или иные сочетания цветов воспринимаются нами, как достичь ощущения решительности и силы через соединение цветов или как примирить их между собой. Также Иттен делится упражнениями, которые помогут развить чувствительность к цветам, их оттенкам и связям.
Сочетания и гармонии
Круг Иттена для дизайнера имеет еще одно прикладное значение — так называемые цветовые созвучия, то есть гармоничное сочетание между собой цветов.
Перечислить все комбинации всех оттенков невозможно, поэтому в своей теории автор цветового круга описывает именно принципы сочетания, которые каждый может применить по-своему.
Дополняющее созвучие
Это сочетание двух цветов, которые находятся на разных сторонах круга, друг напротив друга: красного и зеленого, синего и оранжевого или желтого и фиолетового. Обращаясь к этому принципу, стоит сделать один цвет основным, а второй — дополняющим, он создаст акцент. Такое сочетание на круге Иттена еще называют комплементарным.
![Дополняющее созвучие цветового круга Иттена](https://bangbangeducation.ru/point/content/images/2024/05/dopolnyayushchee-sozvuchie.jpg)
Триада. Гармоничное трезвучие
Триада — это три цвета, образующие между собой равносторонний треугольник. Таких трезвучий, использующихся для расширения цветовой палитры, четыре.
![Триада цветового круга Иттена](https://bangbangeducation.ru/point/content/images/2024/05/triada-cvetovoy-kryg-ittena.jpg)
Контрастная триада
Это тоже сочетание трех цветов, но близкое к дополняющему созвучию. Как получить? Выберите один цвет, проведите от него отрезок до другого конца круга и в качестве двух оставшихся возьмите те, что будут рядом с окончанием вашего отрезка.
Приведем пример. Вы выбрали желтый в качестве основного. Если это комплементарное созвучие из двух цветов, то вашим дополняющим цветом станет фиолетовый. Но когда мы говорим о контрастной триаде, вместе с желтым цветом нужно взять соседние от фиолетового: сине-фиолетовый и красно-фиолетовый.
![Контрастная триада цветового круга Иттена](https://bangbangeducation.ru/point/content/images/2024/05/kontrastnaya-triada.jpg)
Аналоговая триада
Сочетание на круге Иттена цветов, которые располагаются рядом друг с другом: желтого, желто-оранжевого и оранжевого; синего, сине-фиолетового и фиолетового; красного, красно-фиолетового и фиолетового и так далее.
![Аналоговая триада цветового круга Иттена](https://bangbangeducation.ru/point/content/images/2024/05/analogovaya-triada.jpg)
Тетрада
Если для работы вам нужны сразу четыре контрастных цвета, то прочертите два перпендикулярных отрезка, как будто готовите два комплементарных созвучия.
На круге получается квадрат из четырех противоположных цветов — это и есть ваша тетрада. Их всего три: желтый, красно-оранжевый, фиолетовый и сине-зеленый; желто-оранжевый, красный, сине-фиолетовый и зеленый; оранжевый, красно-фиолетовый, синий и желто-зеленый.
![Тетрада на цветовом круге Иттена](https://bangbangeducation.ru/point/content/images/2024/05/tetrada-na-cvetovom-kruge-ittena.jpg)
Прямоугольная тетрада
Тоже сочетание четырех элементов, но образующих между собой прямоугольник, а не квадрат, как два близко расположенных друг к другу дополняющих созвучия. Такая тетрада дает более спокойное, неяркое сочетание цветов.
![Прямоугольная тетрада на цветовом круге Иттена](https://bangbangeducation.ru/point/content/images/2024/05/pryamougolnaya-tetrada-na-cvetovom-kruge-ittena.jpg)
Что делать со знаниями дальше
По сути, 12-частный круг Иттена — лишь одна из визуализаций того, в каких отношениях могут быть цвета между собой. Этот круг помогает дизайнерам, служит лишь отправной и самой распространенной точкой входа в изучение колористики. Поэтому вас не должно смущать, что на других схемах или в программах палитра выглядит по-другому.
Главное, чему учит цветовой круг Иттена — понимать принципы взаимодействия цветов. Но как применять или ломать, расширять или сужать эти принципы, решать вам.
Выбор подходящих цветов всегда обусловлен чем-то еще, к примеру контекстом, сюжетом или стилем работы. Игра с тоном, насыщенностью, яркостью или оттенком цветов на круге тоже играет свою роль.
Как автоматизировать выбор цвета
Существует большой спектр онлайн-инструментов, которые позволяют правильно работать с цветом, сохранять и скачивать свои палитры, пользоваться библиотекой готовых кейсов и создавать широкий спектр цветовых наборов на основе изображений. С ними подбор нужной гаммы будет быстрее и эффективнее.
В основе большей части из них лежит как раз 12-частный круг Иттена, но в более расширенной версии цветов. Изучите эти ресурсы и подберите тот инструмент из предложенных нами вариантов, который подойдет именно вам: Adobe Color, Paletton, Color Hunt, Coolors, Canva Color Palette Generator, ColorScheme, Get Color.
Вот цветовые палитры, которые мы получили из нескольких работ студенток Bang Bang Education с помощью одного из этих сервисов — Canva Color Palette Generator:
![Красная, желтая и фиолетовая цветовые палитры журналов](https://bangbangeducation.ru/point/content/images/2024/05/palitry.jpg)
![Красная, синяя и серая цветовые палитры журналов](https://bangbangeducation.ru/point/content/images/2024/05/primery-palitr.jpg)
Где еще изучить колористику
Чтобы выйти за пределы круга Иттена и помыслить совершенно другие подходы к цвету, советуем изучить сайт colorsystem. На нем представлено более полусотни теорий цвета, известных в искусстве и науке. Это поможет посмотреть на уже известные вам методы с новых углов.
Также лекции о теории цвета входят в разные программы нашей школы.