Для чего цветовой круг
Что такое цветовой круг Иттена и как дизайнеры подбирают цвета с его помощью
Каждый [охотник] желает знать, как гармонично сочетать оттенки. Пробуем магию цветового круга.
Круг Иттена — это схема из 12 цветов. Все оттенки во внешнем круге получены из трёх цветов, расположенных в центре.
Давайте разберёмся, из чего состоит круг Иттена и для чего он нужен художникам и дизайнерам.
Пишущий дизайнер. Пришла в профессию, получив второе образование, ранее занималась когнитивными исследованиями, SMM и копирайтингом. Пишет о визуальных трендах, делится наблюдениями из отрасли и техническими лайфхаками.
Как устроен круг Иттена
В центре есть треугольник из основных цветов — синего, жёлтого и красного, — смешивая которые, можно получить любые оттенки, доступные человеческому глазу. Эти цвета в схеме также называются первичными. Если смешать по два из трёх первичных цветов, получаются вторичные цвета. Жёлтый с синим при смешении дают зелёный, жёлтый с красным — оранжевый, а синий с красным — фиолетовый.
Ещё в круге есть третичные цвета. Они получаются при смешивании первичного и вторичного цвета, которые соседствуют друг с другом на схеме. Например, жёлтый и зелёный дают третичный цвет — жёлто-зелёный, жёлтый и оранжевый дают жёлто-оранжевый и так далее. В результате во внешнем круге на схеме мы видим 12 цветов, из которых три первичных, три вторичных и шесть третичных.
Если посмотреть на внешний круг, можно увидеть, что цвета в нём расположеы в спектральном порядке, как на радуге: от красного, который по физическим характеристикам имеет самую большую длину волны, до фиолетового, у которого она самая короткая.
Как и когда появился круг Иттена
В истории было много попыток систематизировать цвета: есть цветовой круг Ньютона, Гёте и Оствальда. Но именно круг Иттена стал самым популярным. В бумажном виде эта схема продается теперь в любом художественном магазине.
Свою схему Иттен построил, опираясь на труды предшественников — физиков, химиков, психологов и художников. Он сумел собрать все существующие теории в простую и логичную систему.
Зачем нужен круг Иттена
Цветовой круг помогает подбирать гармоничные цветовые сочетания. Пожалуй, сейчас это самый популярный инструмент графических дизайнеров и художников. Опираясь на схему, можно выбрать палитру для интерфейса сайта, фирменного стиля или иллюстрации.
Круг устроен так, что максимально контрастные цвета расположены дальше всего друг от друга. А близкие цвета, соответственно, являются смежными на схеме. Всё цветовое пространство круга можно условно поделить пополам: от зелёного до малинового цвета идут холодные оттенки, а от красного до жёлто-зелёного — теплые.
Цвета в круге выстраиваются в стройную систему, и это здорово. Потому что простые фигуры, наложенные на такую схему, будут показывать гармоничные сочетания.
Основные комбинации на круге Иттена
Вариантов сочетаний цветов по кругу Иттена очень много. Давайте рассмотрим несколько из них, которые используются чаще всего.
1. Если провести через центр круга прямую линию, получится комплементарное сочетание — оно максимально контрастное.
Сочетание дополнительных цветов активное и энергичное. Если использовать их в равных пропорциях, они могут перебивать друг друга. Такое сочетание хорошо подходит для расстановки акцентов: для этого один из цветов берут как базовый, а другого добавляют немного, чтобы выделить отдельные объекты на изображении.
Это хорошая альтернатива комплементарному сочетанию: здесь сочетание по-прежнему контрастное, но уже не такое резкое. Если вам нужно чуть приглушить контраст дополнительных цветов или просто расширить палитру с двух до трёх цветов, можно выбирать такой вариант.
3. Равносторонний треугольник образует классическую триаду: три цвета в его углах будут давать сбалансированное сочетание. Этот вариант подойдёт, если вам нужно больше разнообразия в цветовой гамме.
Если вы задумали использовать один конкретный цвет и хотите подобрать к нему ещё два, которые будут кардинально различаться, схема с равносторонним треугольником поможет сделать это быстро и избежать ошибок.
4. Ещё один вариант комбинации из трёх цветов — аналоговая триада. Здесь задействованы цвета, расположенные на круге рядом. Это сочетание без интенсивных контрастов.
Эта палитра — спокойная и сдержанная. Аналоговое сочетание подойдёт, если вам нужны мягкие переходы между цветами без резких акцентов.
5. Когда трёх цветов недостаточно, можно выбрать четыре. Например, квадрат, наложенный на круг Иттена, образует сочетание тетрады : все четыре цвета гармонируют между собой.
По сути, здесь представлено сочетание из двух пар дополнительных цветов. Сочетание четырёх цветов в тетраде позволяет создавать красочное и разнообразное изображение.
6. Ещё одно сочетание двух пар комплементарных цветов — прямоугольная схема. В отличие от тетрады, здесь сочетаются более близкие оттенки.
Если нужно четыре цвета, но не требуется такой широкий спектр, как в квадратной схеме, то этот вариант подойдёт. Здесь будет достигнут контраст за счёт сочетания комплементарных пар, но сами эти пары ближе друг к другу на спектре.
Что делать с тысячами других оттенков
В круге всего 12 цветов, а дизайнеру приходится оперировать бесчисленным множеством оттенков. Круг Иттена — это упрощённая схема, а не полноценное решение. Но её можно использовать и более широко.
Представим, что нужен контраст к бирюзовому. На круге его нет, но мы понимаем, что этот цвет — зелёно-голубой. Значит, контрастный цвет на круге будет максимально удалён от границы этих двух цветов. Максимально удалённая точка — граница между красным и красно-оранжевым. Смешение этих цветов будет контрастно к бирюзовому.
А уж какой именно оттенок бирюзового и красно-оранжевого выбрать — это работа дизайнера. Кстати, есть ещё два параметра: насыщенность и яркость. Цвет может быть бледным или сочным, тёмным или светлым. Например, красный бывает совсем ненасыщенным, то есть розовым. Или очень тёмным, бордовым. Это тоже влияет на восприятие картинки.
Автоматические инструменты для выбора палитры
Технологии облегчают жизнь современным дизайнерам и художникам. Например, подобрать сочетание конкретных оттенков можно на расширенном цветовом круге. Он позволяет точно задать тон, насыщенность, яркость и найти подходящие цвета, используя те же самые схемы круга Иттена, которые мы рассмотрели.
В теории Иттена есть много интересного и кроме цветового круга: как работать с цветовым воздействием и субъективными цветами, какие бывают контрасты и как, например, связаны форма и цвет. Читайте об этом в нашем обзоре книги «Искусство цвета».
Для более сложной работы с множеством цветом есть удобный инструмент у Adobe. Он основан на таких же правилах сочетания, но позволяет быстро редактировать параметры каждого цвета в палитре и смотреть, как от этого меняется гармоничная гамма.
Что делать дальше
Круг Иттена помогает быстро подбирать подходящие сочетания для разных случаев. В бумажной или цифровой версии им пользуются как новички, так и опытные дизайнеры и художники. Это полезный инструмент, который упрощает работу. Конечно цветовосприятие можно тренировать и научиться подбирать цветовые сочетания самостоятельно. Со временем появится навык, позволяющий не зависеть от наличия схемы под рукой.
Хотите поупражняться в колористике под руководством опытных преподавателей? Записывайтесь на наш курс графического дизайна.
Наука о цвете, включающая знания о природе цвета, основных, составных и дополнительных цветах, основных характеристиках цвета, цветовых контрастах, смешении цветов и цветовых гармониях, цветовом языке и цветовой культуре. Также искусство сочетания цветов.
Высшая школа строительства и художественного конструирования (1919 — 1933 годы) в Германии. Это заведение связывают с зарождением дизайна как самостоятельной дисциплины, отделенной от искусства.
Круг Иттена для качественного дизайна
Специалисты постоянно ищут уникальные цветовые решения для сайтов, которые будут интересны и привлекательны для пользователей. Эффективная реклама не может обойтись без ярких баннеров, а работа блогера зависит от красочности фотографий и креативов — все это влияет на качество продвижения товаров, услуги и личного бренда.
Работа с цветом может показаться сложной, но это лишь на первый взгляд. Главное — разобраться в основах. Если у вас, как и у автора данного материала, нет четкого понимания, с чего нужно начинать, давайте разбираться вместе на основе инструмента — круга Иттена.
Содержание
Что такое круг Иттена
Цветовой круг Иттена — это графическая схема из 12 цветовых секторов для поиска грамотного сочетания оттенков. Она разделяется на первичные и вторичные цвета, а также на холодные и теплые тона.
Примечание. Назван в честь швейцарского художника Иоганнеса Иттена, который переработал классическую цветовую схему. Он применил в своей работе не только знания из сферы искусства, но и химии, психологии и физики.
Круг цветовых сочетаний. Источник
Обозначения цветов в круге и их значения
Первичные, или основные — это синий, желтый и красный цвет. Их нельзя получить путем смешивания, поэтому они расположены в центре.
Вторичные, или дополнительные — получаются за счет смешивания двух цветов.
Третичные, или составные — смешивание основных и дополнительных цветов.
На практике можно использовать вариации основных цветов — к примеру, от ярко-желтого до темно-желтого, чтобы получить собственный круг Иттена с новой гаммой.
Как устроены цвета круга:
Цветовой круг Иттена для дизайнеров — значение
Он является помощником для тех, кто только начинает изучать цветовые решения и не до конца понимает, как именно палитра влияет на стиль и дизайн.
Схему Иттена можно использовать везде: в фотографиях, видео, иллюстрациях, картинах, в дизайне сайтов, при подборе наряда, в интерьере и многом другом. Таким образом вы можете каждый день тренировать глаз и свое восприятие гармонии оттенков.
Простой, но мощный конструктор лендингов
Создайте мобильный лендинг, интернет-магазин или мультиссылку для Instagram и продвигайте ее через чат-боты в мессенджерах, email и SMS — все это на одной платформе!
Цветовой круг для дизайнеров — это возможность визуализировать комбинацию оттенков и понять, какие контрастные элементы нужно добавить на сайт и какой выбрать фон.
Несколько особенностей при работе с цветом, которые также отмечал Иттен в своей книге «Искусство цвета»:
Основные комбинации на круге Иттена
В этом разделе мы обсудим варианты использования круга. Существует четыре основных типа сочетания цветов. Для каждого из них используют геометрические фигуры — линия, треугольник, квадрат, прямоугольник, которые можно поворачивать и получить новые комбинации оттенков.
Комплементарная комбинация из двух оттенков
Это сочетание двух противоположных цветов. Например, желтый и фиолетовый. Подобные комбинации считаются гармоничными и приятными для глаз. Выбранные цвета можно использовать в равных пропорциях.
Пример: выбор контрастных цветов для кнопки и текста — CTA.
Пример комплементарной комбинации
Постер к фильму «Бойцовский клуб». Комбинация из двух основных цветов — зеленый и розовый.
Вариант постера с двумя основными цветами. Источник
Триада
Разделяют два вида триад, в которых совмещаются три противоположных оттенка:
Постер фильма «Кролик Джоджо». В простой иллюстрации в качестве фона задействован основной цвет — красный, а акценты сделаны с помощью голубого и желтого.
Вариант изображения с использованием классической триады. Источник
Монохромная
Ее также называют аналоговой триадой. Она допускает сочетание от трех до пяти соседних цветов с мягкими переходами и без резкого контраста. Комбинацию можно считать своеобразным градиентом — цвета плавно переходят друг в друга.
Пример аналоговой триады
Постер к фильму «Джон Уик», который оформлен в аналоговых цветах — плавный переход от фиолетового к оранжевому.
Вариант постера с монохромной палитрой. Источник
Полихромная
Использование четырех цветов. Чтобы грамотно вписать все цвета — потребуется изучение правил колористики. Комбинации бывают двух видов:
Постер фильма «Однажды в Голливуде». Главный цвет, который используется в качестве фона, — красный. Дополнительные оттенки — голубой, зеленый и желтый.
Пример постера с комбинацией цветов из четырех оттенков. Источник
Характеристика цвета
Цвет не ограничивается кругом Иттена из 12 оттенков. В этом разделе разберемся в разновидностях цвета и его характеристиках.
Качественные характеристики цвета
Цвет может меняться в сторону насыщенности, тона или светлоты. Рассмотрим эти характеристики подробнее.
Цветовой тон
Это место цвета в световом спектре. Помогает определить оттенок, дать ему название и сравнить его с остальными.
Световой спектр
Насыщенность
Помогает определить контрастные яркие или тусклые цвета. Насыщенность зависит от примеси серого оттенка.
Пример насыщенности
Светлота
Ее также называют яркостью. Именно она определяет, каким будет цвет: светлым или темным. Зависит от примеси белых или черных оттенков.
Пример светлоты
Инструменты для выбора палитры
Чтобы вы могли быстро найти нужные оттенки и определить цвета для проекта — используйте онлайн-инструменты. Все представленные ниже сервисы являются бесплатными и не требуют регистрации.
Paletton
Paletton — инструмент на английском языке, который позволяет подобрать оттенки из основных комбинаций цветов.
Особенности:
Adobe Color
Adobe Color — сервис от Adobe, который постоянно обновляется новыми возможностями.
Особенности:
ColorScheme
ColorScheme — функционал аналогичен представленному в Paletton, полностью русскоязычное меню.
Особенности:
getColor
getColor — красивый инструмент для быстрого поиска цветовых сочетаний.
Особенности:
Заключение
В этой статье мы рассмотрели круг Иттена, узнали цветовых комбинациях и характеристиках цвета.
Используйте цвет в каналах коммуникации с клиентами — регистрируйтесь в сервисе SendPulse и создавайте яркие мультиссылки через конструктор лендингов, отправляйте привлекательные email, Viber, SMS, WhatsApp рассылки и push уведомления, настраивайте чат-боты в мессенджерах Facebook Messenger, ВКонтакте, WhatsApp и Telegram, а также подключайте бесплатную CRM-систему!
Для чего нужен цветовой круг и как его использовать?
Выявление насыщенности цвета (замутнение) и светлоты (затемнение и высветление).
Вариант 1. Родственная гармония цветов.
Для неё выбираем в круге Шугаева 2 цвета, лежащие через один: например, 11 и 13, 3 и 5, 19 и 21. Для более богатых оттенков, добавляем несколько ахроматических цветов (я взяла белый, чёрный и 2 серых). Колера удобнее намешивать в отдельных баночках, чтобы краски было достаточно для полноценной живописи: макнул кисточку в банку с колером одним, другим и домешал на палитре нужные оттенки. Можно использовать и лаконичные 2 цвета без подмесов, для графических и декоративных работ это возможно.
Вариант 2. Родственно-контрастная гармония.
Выбираем в цветовом круге Шугаева два цвета, расположенные через 5 цветовых тонов друг от друга. Например, 22 и 4, 6 и 12, 15 и 21 и т.д.. Также, используем разбел, затемнение или замутнение по желанию. Заметьте, в каждом из примеров мы сравниваем только цветовые тона оттенков, а их в свою очередь, изменяем по желанию по светлоте и насыщенности.
В этой гармонии цвета объединены одним общим оттенком, в моём случае, жёлтым и разнятся примесью зелёного и красного, соответственно. Для такой цветовой гармонии не стоит выбирать чистые, первичные цвета: жёлтый (1), красный (7), синий (13) и вторичный зелёный, который здесь представлен как один из основных цветов (19). Такие сочетания цветов излишне категоричны, предсказуемы и просты.
Вариант 3. Гармония цветов по прямоугольному треугольнику.
В круге Шугаева берём 2 цвета через пять, соединяем их хордой. Из одного из концов хорды выстраиваем перпендикулярный к хорде отрезок. Он укажет на третий цвет гармонии. Таким образом, для данной цветовой гармонии будут выбраны цвета: 22, 4, 16 или 16, 4, 10 и другие.
Также, старайтесь выбирать вторичные и третичные цвета спектра для более изысканных и интересных сочетаний цветов.
Также, можно рассчитать гармонию цветов по цветовому квадрату. Об этой и других схемах мы подробно говорим на новом курсе рисования “КОЛОРИСТИКА. Как грамотно решать творческие задачи при помощи цвета”. Разумеется, вся теория подкрепляется практическими упражнениями.
Если вам понравилась эта статья, сделайте следующее:
2. Поделитесь этим постом с друзьями в социальных сетях и своём блоге.
3. И конечно же, оставьте свой комментарий ниже 🙂
Цветовой круг – верный помощник художника
Школа живописи для взрослых «Ogivitel-ART»
Обучение техникам живописи Старых мастеров
Цветовой круг – верный помощник художника
Глаз человека – это уникальный механизм, способный улавливать миллионы оттенков, поэтому любой художник понимает, что используемые им цвета должны гармонично сочетаться друг с другом. Одни живописцы интуитивно подбирают сочетания, другие пользуются цветовым кругом, состоящим из холодных и теплых тонов, а третьи умело сочетают эти два метода, что позволяет получать невероятные по красоте колористические комбинации.
Что такое цветовой круг
Цветовой круг представляет собой упорядоченную согласно законам образования цветов комбинацию, ориентируясь на которую можно определить, какие оттенки лучше всего подходят для передачи эмоционального состояния в том или ином произведении. Окружность условно можно разделить на две части, где будут располагаться теплые и холодные спектры. В каждом из них присутствуют первичные (основные), вторичные и третичные оттенки.
Основные цвета художественных красок
Большинство художников используют цветовой круг Иттена как самый удобный и хорошо структурированный. К основным цветам относятся синий, красный и желтый, являющиеся неотъемлемой составляющей всех художественных красок, потому что смешиванием других красителей их получить невозможно. В круге Иттена они располагаются в самом центре и образуют цветной треугольник.
Вторичные цвета
При смешивании синего и красного получается фиолетовый, красного и желтого – оранжевый, синего и желтого – зеленый. Это и есть вторичные оттенки. На цветовом круге они представлены в виде дополнительных треугольников, имеющих общие стороны с треугольником центральным. Прилегающие к этим сторонам основные спектры указывают на то, какие первичные цвета принимали участие в образовании вторичного.
Третичные цвета цветового круга
Третичные или составные цвета получены смешением одного из основных с соседним дополнительным оттенком. К ним относятся:
Нетрудно догадаться, что желто-оранжевый – это смесь желтого и оранжевого, сине-зеленый – синего и зеленого и т. д., и поясок цветового круга это наглядно демонстрирует. Основные, дополнительные и составные цвета называются хроматическими; черный, белый и оттенки серого – ахроматическими. Поскольку красный и желтый ассоциируются с огнем, а синий с водой и льдом, их вариации соответственно называют теплыми и холодными.
Как создать цветовую гармонию. Основные приемы создания цветовых схем
Существует несколько цветовых сочетаний, знание которых помогает художнику применять их в качестве колористической гаммы в живописи. Специалисты выделяют 6 основных комбинаций: комплиментарную, прямоугольную и квадратную, а также 3 вида триад – классическую, аналоговую и контрастную.
Комплиментарные цвета находятся на противоположных сторонах круга и сильно контрастят друг с другом, например, как зеленый и красный. Менее выраженный контраст получается при использовании соседних к противоположным оттенков (например, желто-зеленый + красно-фиолетовый + красно-оранжевый – контрастная триада). Аналоговая триада предполагает использование трех ближайших оттенков и позволяет получать плавные переходы. В квадратном и треугольном сочетании применяются 4 «разбросанные» по окружности цвета – эти схемы применяют для создания насыщенных композиций.
В традиционных техниках живописи цветовой круг также используется для определения конечного оттенка при смешивании красок. Однако результат получатся не всегда удовлетворительным, так как основные цвета у разных производителей имеют различные температуру, светлоту, цветовой тон и насыщенность. Кроме того, смешиванием красок на палитре невероятно трудно точно попасть в цвет, от чего картина становится разрозненной и неестественной. Тончайшие полутона, не говоря уже о внутреннем свечении, таким методом и вовсе получить невозможно.
Качественной альтернативой современным методикам, включая смешивание красок на палитре, является технология оптических просветов (ТОП), при которой цвета появляются естественным образом благодаря сочетаниям лессировок, имприматуры, оптических смесей и тонкой проработке полотна наждачной бумагой. Этот механизм включает в себя опыт великих мастеров эпохи Высокого Возрождения, когда совершенство художественных решений приблизилось к идеалу, и лучших инструментов, техник современного искусства. С недавних пор технология оптических просветов стала доступна всем желающим, и в практической части мастер-класса, мы показываем механизм введения цвета. Подробнее о ТОП рассказывается в книге, скачать которую можно здесь.