Круг цвета как называется: что это такое, основные цвета, комплементарные, правила сочетания и комбинации, палитры, схемы, онлайн-сервисы

что это такое, основные цвета, комплементарные, правила сочетания и комбинации, палитры, схемы, онлайн-сервисы

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

Круг Иттена

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

Применение цветового круга Иттена учит гармонично сочетать различные цвета. Он состоит из трех частей:

1. Во внутреннем треугольнике находится три первичных цвета — синий, красный и желтый. Они полностью сочетаются попарно или все вместе. Комбинации отличаются яркостью и эмоциональностью.
2. Вокруг основного треугольника очерчен шестиугольник из аналоговых цветов. Они получены слиянием базовых — зеленый, оранжевый, фиолетовый.
3. Последняя часть — это многосекторный круг, содержащий различные оттенки аналоговых и базовых цветов. Их объединяют в одной тональности или используют противоположные оттенки.

На основе круга Иттена были созданы другие цветовые схемы. Круг условно разделяют на 2 части:

1. Теплую. К теплой части относят желтый, оранжевый, красный. Цвета напоминают солнечные лучи, огонь.
2. Холодную. К холодной относят синий, зеленый, фиолетовый. Это цвета снега, льда, воды, ночи. В современных кругах есть темная и светлая зона. К темной относятся насыщенные цвета, к светлой — мягкие, приглушенные.

Комплементарное сочетание

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

Таблица цветов позволяет выбрать разную насыщенность окраски. Но в комплементарном сочетании наиболее выигрышно смотрятся самые насыщенные оттенки.

Триада — сочетание 3 цветов

Это цветовое сочетание тонов, которые на круге равноудалены друг от друга. Для подбора используют правило треугольника. Выбирают один тон и проводят от него линии, чтобы получился треугольник с одинаковыми сторонами.

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

Аналогичное сочетание

Комбинация от 2 до 5 тонов, лежащих последовательно на цветовом круге. Такая цветовая схема выглядит спокойно, создает располагающее впечатление. Лучше использовать приглушенные оттенки с невысокой насыщенностью.

Тетрада — сочетание 4 цветов

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

Квадрат

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

Аналоговая триада

Здесь допускается использование до пяти цветов, находящихся рядом на круге. Применяют приглушенные, мягкие расцветки.

Контрастная триада

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

Прямоугольная схема

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

Шестиугольная схема

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

Вариации цветовых сочетаний

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

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

Как выбрать идеальный цвет

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

Сервисы подбора цветовых схем для сайта

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

Популярные онлайн-приложения:

• Canva;
• ColorScheme;
• BrandColors;
• AdobeCuler;
• Paletton;
• Color Palette Generator.

Сайты предлагают широкую палитру, разнообразные инструменты для обработки фотографий, создания фонов.

Литература

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

Иоханнес Иттен «Искусство цвета»

Книга художника Йоханнеса Иттена дает все основные понятия и тонкости цветовой гаммы. Автор разъясняет, что такое цвет, какова его физическая основа. Далее идет описание основных цветов спектра и их сочетание.

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

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

Сьюзан Уэйншенк «100 главных принципов дизайна»

Эта книга о дизайне сайтов, товаров, брендов. Автор — доктор психологии, которая понимает, что беспокоит людей. Только поняв причины того или иного поведения человека, можно предложить ему то, что его заинтересует.

Часть книги посвящена цветам и их влиянию на поведение человека. Автор предлагает различные дизайнерские решения, помогающие привлечь разную целевую аудиторию.

Сочетание цветов в интерьере

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

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

Подбор оттенков позволяет визуально увеличить или уменьшить помещение, сгладить его недостатки. Придать уюта большому помещению позволяют теплые расцветки. Маленькую комнату визуально увеличат белые или голубые стены.

В интерьере используют те же правила сочетаемости, что в дизайне сайтов, одежды:

• комплексное — классические тона в комбинации с любыми другими;
• триада — комбинация трех насыщенных тонов или полутонов;
• тетрада — комбинация четырех расцветок;
• аналогичное сочетание — комбинация тонов, лежащих на круге последовательно.

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

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

Пользуетесь ли вы в своей жизни цветовыми кругами? Делитесь своими историями в комментариях, не забывайте рассказать о статье друзьям из социальных сетей.

что это такое и как его использовать

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

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

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

Среди тех, кто обращается к теории Иттена – не только художники, но и веб-дизайнеры, и фотографы, и кинематографисты, и стилисты. Да и вообще кто угодно, кто хоть как-то в работе сочетает цвета.

Цветовой круг

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

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

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

В своей книге «The Elements of Color» Иттен предлагает использовать свой двенадцатичастный круг для построения цветовых созвучий – проще говоря, приятных глазу сочетаний цветов.

Созвучие противоположных цветов

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

Созвучие трех цветов

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

Таким образом мы получаем и сочетание первостепенных цветов (желтый, синий, красный), и сочетание дополнительных (фиолетовый, зеленый, оранжевый). Так же можно сочетать и промежуточные оттенки, если чуть повернуть треугольник внутри круга.

Другой способ создать гармоничное трехцветие – это модифицированная комплементарная схема. Берем два дополнительных цвета – допустим, фиолетовый и желтый. И один из них заменяем на двух его «соседей». Например, вместо фиолетового можно взять сине-фиолетовый и красно-фиолетовый. Можно и наоборот: оставить в покое фиолетовый, а с ним сочетать два соседних оттенка желтого. 

В этом случае фигура, вписанная в круг – равнобедренный треугольник. И пользоваться им можно так же, как и равносторонним – просто поворачивайте его внутри круга, и в любом случае будете получать гармоничные сочетания. 

Созвучие четырех цветов

В круг также можно вписывать четырехугольные фигуры – квадрат и прямоугольник, – чтобы получать гармоничные сочетания четырех цветов.  

Прелесть этих схем в том, что они будут работать даже в цветовом круге с большим количеством оттенков.

Другие сочетания цветов

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

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

Смысл аналоговой схемы в том, чтобы сочетать между собой первостепенный, второстепенный и промежуточный между ними цвета. Например, желтый, оранжевый и желто-оранжевый. Другими словами, это формирование сочетаний из 3-4 цветов, которые расположены рядом друг с другом на цветовой круге.

Как использовать цветовые схемы

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

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

Эта же схема хорошо работает, когда вам нужно выделить субъект на монохромном фоне. Например, человек в темно-желтых/оранжевых одеждах будет удачно выглядеть на фоне синего неба, а красная рубашка отлично «отделит» героя от зеленого бэкграунда.

Используя созвучия трех цветов, напротив, старайтесь максимально концентрировать внимание на одном из них, а остальные два использовать как аккомпанемент. Желательно, чтобы при этом вспомогательные цвета не использовались в равных пропорциях. В качестве ориентира можно взять соотношение 60%+30%+10%. 

Главное – помнить: все это создано для того, чтобы вам помогать, а не мешать. Мучительно считать, какую долю изображения занимает каждый цвет, не стоит. Нужно только запомнить принципы и держать их в голове во время рисования/цветокоррекции. Со временем вы настолько привыкните, что сразу будете замечать негармоничные и неудачные сочетания цветов и избегать их. 

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

Готовы испытать цветовые схемы в деле?

Для всех читателей блога Movavi Video Editor Plus со скидкой 10%:

Скачать Movavi Video Editor Plus со скидкой 10% для Windows 

Скачать Movavi Video Editor Plus со скидкой 10% для Mac

Цветовой круг, цветовой круг и взаимосвязь цветов

Color Worqx

• Обзор теории цвета
• Основы цвета
• Цветовые системы
• Цветовой круг
• Дополнительные цвета
• Изображения после
• Комбинации цветов
• Цвет и контраст
• Контрасты Иттена
• Пропорция и интенсивность
• Контраст и доминирование
• Тени и оттенки
• Исследования цвета
• Выбор палитры

РЕКЛАМА

Цветовой круг (также называемый цветовым кругом) — это визуальное представление цветов, расположенных в соответствии с их хроматическими отношениями. Начните цветовой круг, расположив основные оттенки на одинаковом расстоянии друг от друга, затем создайте мост между основными цветами, используя вторичные и третичные цвета.

Цветовая терминология

Основные цвета: Цвета в их основной сущности; те цвета, которые нельзя получить, смешивая другие.

Вторичные цвета: Цвета, получаемые смешением двух основных цветов.

Третичные цвета: Цвета, получаемые смешением первичных и вторичных оттенков.

Дополнительные цвета: Цвета, расположенные напротив друг друга на цветовом круге.

Аналогичные цвета: Те цвета, которые расположены близко друг к другу на цветовом круге.

Активные и пассивные цвета

Цветовой круг можно разделить на визуально активные и пассивные диапазоны. Активные цвета будут продвигаться вперед, если их размещать против пассивных оттенков. Пассивные цвета кажутся отступающими, когда они расположены напротив активных оттенков.

• Чаще всего считается, что наступающие оттенки имеют меньший визуальный вес, чем отступающие.
• Чаще всего теплые, насыщенные, светлые оттенки являются «активными» и визуально опережают.
• Холодные, малонасыщенные, темные оттенки являются «пассивными» и визуально отступают.
• Тона или оттенки с низкой насыщенностью кажутся светлее, чем тени или цвета с высокой насыщенностью.
• Некоторые цвета остаются визуально нейтральными или индифферентными.

РЕКЛАМА

Цветовые соотношения

Цветовые отношения могут отображаться в виде цветового круга или цветового треугольника.

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

Цветовой треугольник принтеров — это набор цветов, используемых в процессе печати. Основные цвета — пурпурный, голубой и желтый.

Девятичастный гармонический треугольник Гёте начинается с основных цветов принтера; образовавшиеся вторичные являются первичными для художника; и образовавшиеся в результате третичные цвета являются темными нейтральными.

Продолжить обучение, вид: Дополнительные цвета

«Все цвета — друзья своих соседей и любители своих противоположностей».
— Марк Шагал

Для дальнейшего рассмотрения

Цветовой круг — изобретение, приписываемое сэру Исааку Ньютону (1706 г.). Узнайте больше о цветовом круге Ньютона по адресу: Munsell Color

.

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

Рекомендуемые книги

Цветная звезда

РЕКЛАМА

Основы цвета | Usability.gov

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

Знакомство с цветовым кругом

Многие цветовые круги показаны с использованием 12 цветов. Используя это
Цветовой круг в качестве примера можно прочитать следующим образом:

• Три
  Основные цвета (Ps) : красный, желтый, синий
• Три вторичных цвета (S’) :
  Оранжевый, зеленый, фиолетовый
• Шесть третичных цветов (Ts) :
  красно-оранжевый, желто-оранжевый, желто-зеленый,
  Сине-зеленый, сине-фиолетовый, красно-фиолетовый, которые
  образуется путем смешивания первичного и вторичного

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

Цветовая температура

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

Цветовая температура влияет на нас как психологически, так и
восприятия, помогая нам определить, как объекты выглядят
позиционируется.

Нейтральные

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

Цветовые модели: CMYK и RGB

Существует две модели цветов. У них разные
цели и различные атрибуты. Они следующие:

• ЦМИК
  Цветовые модели : Подставки для голубого, пурпурного,
  и желтый. Это относится к живописи и печати.
  Модель CMYK является субтрактивной моделью, что означает, что
  цвета создаются за счет поглощения длин волн
  видимый свет. Длины волн света, которые не
  поглощаются, отражаются, и этот отраженный свет
  оказывается цветом, который мы видим.
• Цветовые модели RGB : RGB означает
  красный, зеленый и синий. Это относится к компьютерам,
  телевизоры и электроника. Модель RGB представляет собой
  аддитивная модель, означающая, что цвета создаются
  через световые волны, которые складываются вместе в
  определенные комбинации для получения цветов.

Шестнадцатеричные коды

Для обозначения цветов в веб-дизайне команды используют шестнадцатеричный код.
Все шестнадцатеричные коды:

• Начните с решётки (#)
• Состоять
  из трех пар символов, соединенных вместе
  (всего шесть символов), с каждой парой
  управление одним из основных аддитивных цветов (красный,
  зеленый, синий)
• Эти шесть символов, следующие за решеткой, состоят
  из десяти цифр (0-9) и/или шесть букв (a-f)

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

• 00 – отсутствие первичного
• ff является основным в полную силу

Чтобы найти аддитивные цвета, начните с черного и меняйте каждый
пара к ff:

• #000000 – это
  черный (без основных цветов)
• # ff 0000 — самый ярко-красный
• # 00 ff 00 — самый ярко-зеленый

.

• #0000 ff  самый яркий синий

Чтобы найти вычитающие цвета, начните с белого и измените
каждая пара до 00:

• #ffffff — белый (все основные цвета
• # 00 ffff — самый яркий голубой
• #ff 00 ff — самый яркий пурпурный
• #ffff 00  самый яркий желтый

Также можно сокращать некоторые шестнадцатеричные числа. Например, #fae расширяется до #ffaaee и #09.b расширяется до #0099bb.