5 990 
В статье рассказывается:
- Понятие цветового круга Иттена
- Теория цвета по Иттену
- Кому нужен цветовой круг Иттена
- Подходы к использованию цветового круга Иттена
- Получение цветов из круга Иттена
- Стоит ли самому рисовать круг Иттена
- Онлайн-сервисы для подбора цвета
-
Пройди тест и узнай, какая сфера тебе подходит:
айти, дизайн или маркетинг.Бесплатно от Geekbrains
Цветовой круг Иттена – это инструмент для тех, кто работает с цветами. Это не обязательно дизайнеры (хотя и они тоже), им пользуются блогеры, CMM-щики, веб-разработчики и т. д. Цветовой круг помогает подобрать наиболее сочетающиеся оттенки и, соответственно, избежать использования максимально негармоничных.
Использовать круг Иттена можно по-разному, для этого применяется несколько популярных схем. В нашей статье мы расскажем, какие это подходы, разберем структуру самого круга и поговорим, какие существуют цифровые инструменты для этих задач.
Понятие цветового круга Иттена
Иоганнес Иттен — швейцарский художник и теоретик искусства. Начиная с 1919 года, его местом работы являлся Браухаус. Это легендарная школа конструирования и строительства, подарившая всему миру множество архитектурных и дизайнерских новшеств. В частности, учебный курс о цвете, форме и фактуре материла, который как раз и создал Иттен. Стоит отметить, что одним из коллег этого деятеля был Василий Кандинский.
Иттен придерживался крайне прогрессивных взглядов относительно своего времени. По его мнению, художник не должен обращать внимания на ограничения, которые создают традиции. Интересным фактом является и то, что Иттен начинал свои лекции с дыхательных упражнений и медитаций.
Художник написал книгу «Искусство цвета», в которой он изложил свое понимание гармонии цвета, цветового конструирования и контраста. В качестве инструмента колористического конструирования он предложил использовать цветовой круг.
Желтый, красный и синий — именно эти цвета являются основными в системе Иттена. Они располагаются в центральной части круга и вписываются в треугольник. Вокруг них размещены ещё 3 треугольника, которые представляют собой цвета, получаемые вследствие смешения основных. Таким образом, если смешать два основных цвета, вы получите один из составных цветов:
- фиолетовый;
- зелёный;
- оранжевый.
входят в ТОП-30 с доходом
от 210 000 ₽/мес
Скачивайте и используйте уже сегодня:
Топ-30 самых востребованных и высокооплачиваемых профессий 2023
Поможет разобраться в актуальной ситуации на рынке труда
Подборка 50+ бесплатных нейросетей для упрощения работы и увеличения заработка
Только проверенные нейросети с доступом из России и свободным использованием
ТОП-100 площадок для поиска работы от GeekBrains
Список проверенных ресурсов реальных вакансий с доходом от 210 000 ₽
Их принято называть цветами второго порядка.
После этого идёт внешний круг, состоящий из двенадцати цветов. В нем располагаются оттенки второго и третьего порядков, а также основные.
Цвета третьего порядка формируются за счет смешения основных и составных оттенков. В результате вы можете увидеть:
- жёлто-зелёный;
- сине-зелёный;
- сине-фиолетовый;
- красно-оранжевый;
- жёлто-оранжевый;
- красно-фиолетовый.
В конечном итоге образуется большой круг, состоящий из 12 цветов, очерёдность которых повторяет порядок оттенков в естественном спектре. По мнению автора, данная система должна позволить художнику точно отображать цвета в памяти.
Теория цвета по Иттену
По теории Иттена цвет является субъективно воспринимаемым свойством. Проще говоря, один и тот же цвет может вызывать разные ассоциации, эмоции и мысли у разных людей. Восприятие цвета уникально настолько, насколько уникален каждый отдельно взятый человек.
Теоретик считал, что лучший способ восприятия цветов — сравнение. Однако один и тот же цвет будет создавать разный эффект в зависимости от того, с чем мы его сравниваем. Например, жёлтый на белом фоне ощущается как мягкий и тёмный оттенок, в то время как на чёрном он будет восприниматься ярче и насыщеннее.
Иными словами, цвета взаимодействуют между собой. По этой причине следует рассматривать палитру целиком. В противном случае вы можете неправильно рассчитать результат.
Кому нужен цветовой круг Иттена
С помощью круга Иттена и цветовых гармоний специалист может добиться баланса в сочетании оттенков и создать приятную картинку. Причем данной схемой пользуются не только художники, но и многие другие представители творческих профессий:
- Веб-дизайнеры — для выстраивания гармоничных комбинаций цветов и расстановки акцентов в интерфейсах сайтов и приложений.
- Графические дизайнеры — в целях создания неповторимого стиля бренда.
- Иллюстраторы — чтобы определить основные и вспомогательные оттенки.
- Дизайнеры интерьера — при создании приятных сочетаний цветов и расстановке акцентов в интерьере.
- Фэшн-дизайнеры — для подбора эффектной цветовой гаммы новых коллекций.
Таким образом, цветовой круг Иттена представляет собой простой и одновременно полезный инструмент, которым активно пользуются самые разные специалисты.
Подходы к использованию цветового круга Иттена
Существует масса техник, позволяющих создавать приятные сочетания цветов при помощи круга Иттена. Перечислим самые полезные и популярные методы.
Комплементарное сочетание
В этом случае используются два наиболее контрастных тона, которые находятся друг напротив друга. Альтернативное название таких оттенков — комплементарные или дополнительные цвета.
Данный способ полезен в том случае, если перед вами стоит задача создания выразительного акцента. Один цвет определяется как основной, а второй применяется не так часто. Это позволяет выделить те или иные объекты на общем фоне.
Классическая триада
Во многих случаях нет никакой необходимости сильно выделять объекты при помощи контраста и расставления акцентов. Тогда специалист может применить другой прием. Речь идёт о так называемом принципе триады, который имеет несколько вариаций.
на обучение «Дизайнер» до 24 ноября
При использовании классической триады специалист определяется с основным цветом и подбирает к нему два дополнительных тона. Они должны быть разными, но при этом гармоничными.
Аналоговая триада
Эта разновидность триады допускает использование более трёх оттенков. Однако в таком сочетании нельзя применять яркие или резкие контрасты, поэтому выбираются те цвета, которые расположены рядом друг с другом на круге Иттена. В этом случае комбинация получается наиболее сдержанной и спокойной.
ТОП-100 площадок для поиска работы от GeekBrains
20 профессий 2023 года, с доходом от 150 000 рублей
Чек-лист «Как успешно пройти собеседование»
Контрастная триада
В качестве основы выступает комплементарное сочетание, но вместо дополнительного цвета берутся два других, которые находятся рядом на цветовой схеме. В результате вы получите своеобразный равнобедренный треугольник. Такой способ отличается тем, что позволяет использовать контрасты. Однако они не будут столь резкими, как при выборе дополнительных тонов.
Тетрада
Иногда специалисту не хватает двух или трёх цветов. В таком случае можно воспользоваться принципом триады, который обладает достаточно широким спектром. Квадрат позволяет выбрать 4 разных, но очень гармоничных цвета.
Читайте также!
Прямоугольник
Ещё один способ подбора четырёх цветов, который часто применяется в сфере дизайна. При помощи прямоугольника вы можете определить 4 цвета, которые будут менее контрастными, чем в случае с предыдущим методом. Принцип прост: подбираются две комплиментарные пары, схожие друг с другом по своим оттенкам.
Получение цветов из круга Иттена
Круг включает в себя лишь 12 цветов, тогда как специалист должен уметь работать с огромным количеством оттенков. Изобретенный Иттеном метод является ориентиром, а не готовым решением. Однако область его применения может быть расширена.
Представим, что вам необходим комплементарный цвет к бирюзовому. Он отсутствует в схеме Иттена. При этом вы знаете, что он расположен между зелёным и голубым, а значит, искомый цвет будет находиться как можно дальше от их границ. Самая дальняя точка — граница между красным и красно-оранжевым. Следовательно, смешав эти два цвета, вы получите комплементарный бирюзовому результат.
Дизайнер занимается определением конкретных оттенков бирюзового и красно-оранжевого.
Стоит ли самому рисовать круг Иттена
Для создания круга можно использовать компьютер. Однако в таком случае цветопередача будет не столь реалистичной, как при ручном подборе. Вам понадобятся краски, лист ватмана и достаточно свободного времени. Начните с создания контура треугольника, который должен быть равносторонним. На вершине фигуры необходимо расположить желтый цвет, в левом нижнем углу — синий, а в правом — красный.
Вершины треугольника выступают в качестве точек для дальнейшего начертания контуров окружности. Вам необходимо построить на их основе шестиугольник, подобрав правильные места для цветов второго порядка (оранжевый, зелёный, фиолетовый).
Во внешней части ранее начерченного радиуса постройте второй. При этом он должен находиться на некотором расстоянии, но иметь центр в той же самой точке. В результате вы получите линию, которую следует разделить на 12 равных частей.
Теперь вам необходимо закрасить базовые тона в появившихся местах. Затем определите дополнительные цвета, а оставшиеся между ними промежутки закрасьте оттенками третьего уровня.
Онлайн-сервисы для подбора цвета
Для быстрого обнаружения нужных оттенков и цветов можно воспользоваться специальными онлайн-сервисами. Рассмотрим бесплатные инструменты, для применения которых вам не обязательно проходить регистрацию:
Paletton
Paletton — англоязычный сервис, оказывающий помощь в подборе оттенков из базовых цветовых сочетаний.
Преимущества:
- Настройка насыщенности и светлоты.
- Демонстрация вариантов дизайна страницы.
- Формирование своих собственных цветовых схем.
- Регулировка важнейших параметров: оттенок, насыщенность, яркость и контраст.
- Отображение информации о цветовых режимах — RGB, LAB.
- Экспорт цветовой гаммы для веб-сайта в формате кода.
Adobe Color
Adobe Color — отличный инструмент, который регулярно модернизируется и снабжается полезными функциями.
Преимущества:
- Сохранение палитры в «облаке» для дальнейшего использования в сервисах Adobe.
- Регулировка яркости и любых параметров цветового режима — RGB, LAB, HSB, CMYK.
- Наличие инструмента, который позволяет подобрать контрастность фона, текст и графические элементы.
- Интерфейс Adobe Color
ColorScheme
ColorScheme — русскоязычный сервис, функционал которого напоминает Paletton.
Преимущества:
- Проверка цветовой гаммы.
- Регулировка насыщенности, яркости и контрастности.
- Демонстрация основных и вторичных цветов.
- Функция случайного подбора оттенков.
- Сохранение в формате PNG, таблицы стилей, палитры или HTML.
- Возможность использования людьми с ограниченными возможностями.
getColor
getColor — отличный онлайн-сервис, позволяющий в считанные минуты найти нужное сочетание.
Преимущества:
- Регулировка тона, насыщенности и яркости.
- Продвинутое оформление инструмента.
- 4 комбинации цвета по Иттену на выбор.
- Простое управление.
- Возможность скопировать номер оттенка.
Читайте также!
В теории Иттена можно найти массу полезной информации. К примеру, как работать с цветовым воздействием и субъективными цветами, какие бывают контрасты, как связаны форма и цвет и т.д. Кроме этого, рекомендуем почитать о том, как работать с формой объектов.
Иттен не заставлял студентов заучивать чисто технические приемы. Он учил раскрывать свою интуицию и следовать за ней. Художник делал это с помощью ряда интересных упражнений, реализующих творческие задатки человека.
0 
Разберем 11 самых важных жизненных вопросов
Только до 
Эксклюзивные лекции по основам программирования
