Назвать цвета цветового круга

Введение в цветовой круг

Цветовой круг — основной инструмент для комбинирования цветов. Первую круговую цветовую схему разработал Исаак Ньютон в 1666 году.

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

Основные цвета

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

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

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

Третичные цвета

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

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

Цветовые Сочетания

Цветовая Гармония — основные приемы создания цветовых схем

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

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

Основные цветовые схемы

Комплементарные или дополнительные цвета

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

Классическая триада

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

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

Аналоговая триада: сочетание от 2 до 5 (в идеале от 2 до 3) цветов, находящихся рядом друг с другом на цветовом круге. Примером могут служить сочетания приглушенных цветов: желто-оранжевый, желтый, желто-зеленый, зеленый, сине-зеленый.

Контрастная триада (сплит — дополнительных цветов)

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

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

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

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

Квадрат

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

Теплые и холодные цвета

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

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

Цветовые круги (а их несколько и их появление связано с появлением различных теорий цвета начиная с 17-18 веков мистические теории и физические теории) мнемоническое правило, которое помогает ориентироваться в пространстве цветов, и отображать схематично различные цветовые модели. Как правило цвета представленные в круге это условные цвета максимальной цветовой насыщенности, выбранные из поля цветового охвата цветовой модели. В модели RYB цвета в цветовом круге это своего рода символы цветов — условные обозначения цветов без учёта их измеряемых характеристик. Для дизайнеров — цветовой круг построен на цветовой модели HSB.

Содержание

Первый цветовой круг появился вместе с ранними мистическими теориями цвета. Он присутствует в трудах мистиков и физиков исследователей 17-20 века: Гете, Иттена (мистика), Ньютона, Манселла, Филда (физика). Мистические традиционные цветовые круги имели практическое применение в живописи и были первой ненаучной попыткой объяснения того как взаимодействуют красители. Так по теории Гёте цвета происходили от борьбы света и тьмы и первыми из этого столкновения появлялись цвета первого порядка — их называют первичными. Ими были красный (Red), жёлтый (Yellow) и синий (Blue) (RYB). Цветовой круг цветового пространства RYB это условный круг, модели с существенно ограниченным цветовым охватом (это видно если наложить цветовой охват RYB на цветовой охват LAB и RGB) в учебных учреждениях лояльных к мистическому учению Гёте он до сих пор изучается в теории цвета, используется художниками и дизайнерами при подборе весьма приблизительных цветовых схем. Современная теория цвета представлена несколькими цветовыми моделями и соответствующим им кругами — например RGB (а так же другими цветовыми моделями разработки CIE laboratory например LAB и другими использующимися в промышленности для точного измерения цвета). В основе RGB лежит модель описания цветового пространства на базе опорных цветов красный, зелёный и синий. Цветовой круг RGB заметно отличается от круга RYB цветовым охватом (в цветовой модели RYB а так же цветовом круге RYB отсутствует существенная часть цветового охвата). Более того в круге RYB представлены не дополнительные цвета а так называемые "противоположные" или "комплементарные" как их определяет мистическая теория цвета Гёте.

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

Наиболее распространён восьми секторный цветовой круг RGB. Он включает 7 цветов радуги и пурпурный. Опорными цветами в этом круге считают красный, зелёный, голубой, и добавляют к ним четыре «промежуточных» цвета (оранжевый, циановый, фиолетовый и пурпурный). В "ньютоновском" цветовом круге напротив располагаются дополнительные цвета. В цветовом круге RYB на равном расстоянии друг от друга расположены чередующиеся первичные (цвета первого порядка — первые появляющиеся из борьбы света и тьмы) и цвета второго порядка производные от цветов первого порядка. По предположению Гёте сложение двух первичных цветов даёт вторичный цвет, расположенный между ними.

Цветовой круг в некоторых эстетических концепциях делят на тёплую и холодную половины. Тёплые цвета: красный, оранжевый, жёлтый и промежуточные оттенки. Холодные цвета: синий, циановый, зелёный, и переходные — сине-фиолетовый, сине-зелёный. Другие эстетические концепции предполагают, что бывают "холодный желтый", "теплый синий" и так далее.

Пары цветов, расположенные на круге друг против друга, в круге RYB называются комплементарными (например, зелёный — красный, жёлтый — фиолетовый, синий — оранжевый)., или дополнительными в физических системах RGB

Дополнительные цвета — при смешивании дают воспринимаемый ахроматический цвет.

• смешивание двух любых комплементарных цветов в равных пропорциях не даёт нейтральный серый тон (из за ограниченного цветового охвата RYB, наибольшая погрешность в зелено — красной паре RYB)
• смешивание двух любых дополнительных цветов в равных пропорциях даёт нейтральный серый тон
• дополнительный цвет стимулирует в восприятии смотрящего парный дополнительный и вызывает эффекты последовательного и симультанного контраста [1] , но в силу физиологии восприятия цвета круг контрастных цветов немного отличается от круга дополнительных цветов. В части спектра пары дополнительных и контрастных цветов не совпадают. На свойстве цветового контраста основан так же эффект хроматической стереоскопии, когда цветные объекты на фоне другого цвета кажутся наблюдателю расположенными ближе, что часто используется в полиграфии.

Свойство дополнительных цветов дополнять друг друга до ахроматического в восприятии зрителя используется при настройке отображения цвета мониторами (модели RGB, sRGB, adobeRGB). Наиболее точной цветовой моделью является модель LAB, так например в операционных системах цвет записывается в системе LAB и при конверсии между программами и устройствами — принтерами, графическими картами, мониторами цветовые характеристики переводятся в LAB а затем исходя из цветового профиля устройства пересчитываются заново в например sRGB. Поэтому цветовые круги выглядят по-разному на разных мониторах и разных устройствах печати. Чтобы синхронизировать цвет и видеть его идентично недостатки цветопередачи устройств и красителей координируют тщательной настройкой всех цветовых профилей устройств и эталонами печатных и промышленных красок с помощью эталонной системы LAB.

В цветовом круге не представлено ахроматических цветов, в том числе чёрного цвета (см. также серая шкала).

Неправильно подобранные цвета могут испортить самый крутой дизайн. Вот например, этот.

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

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

Цветовой круг или цветовое колесо — это основа теории цветов. Благодаря ему можно понять, какие цвета создают гармоничные сочетания. Первый цветовой круг придумал Исаак Ньютон еще в 1665 году.

Как и зачем им пользоваться

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

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

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

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

Монохроматические комбинации

Unsplash/ Amy Shamblen

Unsplash/ Paul Gilmore

Монохроматическая комбинация — это сочетание трех оттенков одного базового цвета . Например, розовый, светлый розовый и еще более светлый розовый. То есть один цвет разной степени насыщенности, без примеси других оттенков. Это консервативный и простой вариант, который можно смело использовать даже новичкам. Безопасное сочетание, при помощи которого можно создать гармоничный дизайн.

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

Чтобы найти такую комбинацию:

1. В первом окне введите HTML-код нужного цвета. Или выберите его курсором на цветовом круге.
2. Во втором окне выберите из выпадающего снимка цветовую комбинацию Monochromatic.
3. Двигайте точку, расположенную на внешнем ободке круга, чтобы выбрать более темные или светлые оттенки цвета.

Аналогичные комбинации

Картина Марка Ротко «Оранжевое, красное и желтое»

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

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

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

Чтобы найти такую комбинацию:

1. В первом окне введите HTML-код нужного цвета. Или выберите его курсором на цветовом круге.
2. Во втором окне выберите из выпадающего снимка цветовую комбинацию Analogous.
3. Вы можете двигать любую точку на цветовом круге, если захотите поменять оттенок. Остальные два цвета будут соответственно меняться, и у вас появятся другие варианты аналогичной комбинации.

Комплементарные комбинации

Unsplash/ Alessandra Caretto

Unsplash/ Gemma Evans

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

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

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

Мы привыкли считать, что контрастная пара красному — зеленый. Все верно, согласно цветовому кругу Иттена, которым пользуются художники. Дело в том, что тот круг построен на трех основных цветах: красном, синем и желтом, а всего в нем 12 цветов. Цветовой круг для онлайн-дизайна построен на красном, синем и зеленом, и в нем более 16 миллионов оттенков.

Чтобы найти такую комбинацию:

1. В первом окне введите HTML-код нужного цвета. Или выберите его курсором на цветовом круге.
2. Во втором окне выберите из выпадающего снимка цветовую комбинацию Complementary.
3. Вы можете двигать любую точку на цветовом круге, если захотите поменять оттенок. Второй цвет тоже будет меняться, чтобы оставаться контрастным к выбранному цвету.

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

Триадные комбинации

Триадная комбинация цветов в логотипе Burger King

Пример триадного сочетания цветов в постере фильма Inherent Vice

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

Чтобы найти такую комбинацию:

1. В первом окне введите HTML-код нужного цвета. Или выберите его курсором на цветовом круге.
2. Во втором окне выберите из выпадающего снимка цветовую комбинацию Triadic.
3. Вы можете двигать любую точку на цветовом круге, если захотите поменять оттенок. Второй цвет тоже будет меняться, чтобы оставаться контрастным к выбранному цвету.

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

Тетрадные или четырехугольные комбинации

Сайт креативного коворкинга Plant22 использует тетрадную схему в оформлении главной страницы

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

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

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

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

Подписывайтесь на обновления в Телеграме, Фейсбуке, ВКонтакте и Яндекс Дзене, чтобы всегда быть в курсе трендов графического дизайна и возможностей Canva, которые помогут воплотить их в жизнь!