Круги разных цветов: Как пользоваться цветовым кругом — Записки преподавателя

В кругах цветной гармонии

7 — 2012

Софья Скрылина, преподаватель учебного центра «Арт», г. Санкт-Петербург

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

Круг естественных цветов по Гете

На рис. 1 приведен круг естественных цветов по Гете со следующими обозначениями цветов:

• основные цвета: К — красный; Ж — желтый, С — синий;
• смешанные цвета первого порядка: Ф — фиолетовый, О — оранжевый, З — зеленый;
• смешанные цвета второго порядка: КО — красно­оранжевый, ЖО — желто­оранжевый, ЖЗ — желто­зеленый, CЗ — сине­зеленый, СФ — сине­фиолетовый, КФ — красно­фиолетовый.

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

• контрастные гармоничные сочетания дают цвета, лежащие напротив друг друга (те цвета, которые соединяются линией, проходящей через центр круга), например К­З или Ф­Ж;
• сочетания цветов, расположенных по углам основного или перевернутого треугольника, менее гармоничны, но допустимы, например С­Ж или О­З;
• гармоничные сочетания из двух, трех или четырех цветов, расположеных на круге под углом 90°, например СФ­З или ЖО­З­К.

Шестисекторный колориметрический круг

Шестисекторный колориметрический круг позволяет выделить контрастные гармоничные сочетания — их образуют цвета, расположенные напротив друг друга: С­О (синий — оранжевый), К­З (красный — зеленый), Ж­Ф (желтый — фиолетовый). Допустимы сочетания цветов, расположенных в секторах через один (К­Ж­С и Ф­О­З). Использование соседних секторов в данном цветовом круге приводит к дисгармонии!

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

Рис. 1. Круг естественных цветов по Гете

Рис. 2. Шестисекторный колориметрический круг

Большой цветовой круг Освальда

Для определения гармоничных цветов используются и другие колориметрические круги, например большой цветовой круг Освальда, содержащий 24 цвета (рис. 3): КИНК — киноварно­красный, КОР — красно­оранжевый, ЖОР — желто­оранжевый, ЗОЛЖ — золотисто­желтый, Ж — желтый, ЛЖ — лимонно­желтый, ЖЗ — желто­зеленый, ХЛ — хлорофилловый, ИЗЖ — изумрудно­желтый, СРЗ — средне­зеленый, СЗ — сине­зеленый, ЦМВ — цвет морской волны, БИР — бирюзовый, ВС — васильково­синий, С — синий, СРС — средне­синий, УЛ — ультрамариновый, СИНФ — сине­фиолетовый, СФ — синевато­фиолетовый, Ф — фиолетовый, ПУРФ — пурпурно­фиолетовый, ПУРК — пурпурно­красный, КАРК — карминно­красный, К — красный.

Применение стрелок на круге Освальда аналогично их использованию на шестисекторном колориметрическом круге.

Рис. 3. Большой цветовой круг Освальда

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

Рис. 4. Исходная фотография, в которой требуется перекрасить стеклянный стакан

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

Рис. 5. Цвет стакана гармонирует с цветом «фонариков» физалиса

Рис. 6. Дисгармоничные результаты перекраски стакана

Алгоритмы создания цветовых кругов

Любой из цветовых кругов можно легко и быстро нарисовать в каком­нибудь графическом редакторе.

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

Создание шестисекторного колориметрического круга

Шестисекторный круг можно создать несколькими способами. Один из них — нарисовать сегмент с углом 60°, а потом, копируя и отражая его, получить остальные пять секторов. Здесь мы рассмотрим другой, более быстрый способ построения:

1. Перед рисованием секторов выполните небольшую настройку редактора. Откройте окно настроек с помощью команды Tools (Инструменты) → Options (Параметры) или воспользовавшись комбинацией клавиш Ctrl+J. На вкладке Edit (Изменить) для параметра Constrain angle (Дискретность угла) установите значение 60° (рис. 7).
2. Нарисуйте круг инструментом Ellipse (Элипс), удерживая нажатой клавишу Ctrl. На панели атрибутов выбранного инструмента преобразуйте круг в сегмент с углом 60° (рис. 8а).
3. Войдите в режим вращения, щелкнув мышью в центре фигуры, и сместите центр вращения в угол сегмента (рис. 8б). Возьмитесь за угловой маркер рамки выделения и, удерживая нажатой клавишу Ctrl, поверните его на 60°. В конце операции щелкните правой кнопкой мыши для создания копии сегмента.
4. Повторите манипуляции, описанные в пункте 3, четыре раза или столько же раз нажмите комбинацию клавиш Ctrl+D (рис. 8в). Закрасьте нужными цветами готовые сегменты.

Рис. 7. Установка дискретности угла в диалоговом окне Options

Рис. 8. Алгоритм получения шестисекторного колориметрического круга

Создание большого цветового круга Освальда

Рис. 9. Алгоритм создания большого цветового круга Освальда

Последовательность действий при построении цветового круга Освальда показана на рис.  9:

1. Нарисуйте круг и преобразуйте его в сегмент с углом 15° (см. рис. 9а). Для вычисления величины угла сегмента необходимо 360 разделить на 24 (количество цветов в круге).
2. Залейте сегмент одним из основных цветов, например красным. Сместите центр вращения в угол сегмента.
3. Создайте копию сегмента, наложив ее на исходный объект. Для этого можно нажать клавишу «плюс» на цифровом блоке клавиатуры или выполнить последовательно две комбинации клавиш: Ctrl+C и Ctrl+V.
4. Не сдвигая копию, выделите оба сегмента, обведя вокруг них рамку инструментом Pick (Выбор). Откройте дополнительную панель перетекания, выполнив команду Effects (Эффекты) → Blend (Перетекание). На этой панели задайте следующие параметры: количество шагов перехода — 23, угол поворота — 360° и нажмите кнопку Apply (Применить). В результате вы получите круг, составленный из сегментов, но все они будут красного цвета (см.  рис. 9б).

5.  На панели атрибутов смените направление цветового перехода на Clockwise Blend (По часовой стрелке) — см. рис. 9в. Если требуется, поверните круг так, чтобы красный цвет был в том же месте круга, как на рис. 3.

6.  Изображения трех­ и четырехлучевых стрелок можно создать на основе звезды. Поместите нужную стрелку в центр круга. Для определения гармоничных сочетаний вращайте стрелку по окружности (рис. 9г).

Хотелось бы обратить ваше внимание на программу, основанную на цветовом круге Освальда, которая так и называется — Oswald Circle. Она позволяет подобрать гармоничные сочетания из двух, трех или четырех цветовых тонов. Для этого достаточно просто щелкнуть мышью по цвету, к которому требуется подобрать гармоничные сочетания. А для определения количества цветов используются кнопки со знаками «плюс» и «минус» (рис. 10). Если у вас нет времени и желания рисовать круг Освальда, используйте эту наипростейшую программу.

«Весит» она всего 40 Кбайт. Демо­версию можно скачать из Интернета абсолютно бесплатно. Полная версия стоит 1 долл.

Рис. 10. Окно демо-версии программы Oswald Circle

Влияние цвета на восприятие человека

Ахроматические цвета (белый, черный и все оттенки серого) в цветовых кругах отсутствуют, но играют немаловажную роль. Белый цвет осветляет, делает «легче» любой другой цвет; черный, наоборот, затемняет и утяжеляет любой хроматический цвет. Сочетание оттенков разной интенсивности, полученных добавлением белого цвета к основному цветовому тону, никогда не приводит к дисгармонии. Например, от красного до розового или от синего до голубого.

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

Рис. 11. Пример иллюзии, основанной на эффекте иррадиации

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

За счет несовершенства нашего зрения цвет может восприниматься по­разному в зависимости от цветового окружения:

1. Светлый цвет по соседству с темным кажется еще светлее, а темный рядом со светлым — темнее (световой контраст).
2. Белый квадрат на черном фоне кажется крупнее, чем такой же черный квадрат на белом фоне, за счет оптической иллюзии, основанной на эффекте иррадиации (рис. 11).
3. Красный цвет, соприкасаясь с зеленым, смотрится насыщеннее (хроматический контраст).
4. На красном фоне серый цвет кажется зеленоватым, на желтом — синеватым, на зеленом — розоватым, а на синем — желтоватым. Если на цветном фоне нужно получить серый цвет, этого можно достичь с помощью хроматического контраста. Например, на синем фоне серый цвет пожелтеет, поэтому к нему следует добавить немного синевы, тогда под действием контраста желтый оттенок и синий цвет, смешавшись, дадут чистый ахроматический серый цвет (рис.  12).
5. Теплые тона обладают свойством «приближаться», а холодные — «удаляться». Так, на рис. 13 желтые круги на черном фоне кажутся ближе, чем голубые.  

Рис. 12. Пример использования хроматического контраста для получения чистого серого цвета. Круги слева окрашены в светло-серый цвет (R=200, G=200, B=200), но кажутся желтоватыми. Круги справа имеют синеватый оттенок (R=200, G=200, B=215), но кажутся серыми

Рис. 13. Желтые и голубые круги кажутся расположенными в двух разных плоскостях: желтые — ближе, а голубые — дальше

Статья подготовлена по следующим материалам:

1. Компьютерные технологии в дизайне. Эффективная реклама // Яцюк О., Романычева Э., http://www.bhv.ru/books/book.php?id=433.

2. Сайт, посвященный теории цвета, — http://colory.ru;

3. Сайт, с которого вы можете скачать демо­версию программы Oswald Circle, — http://softportal.com.

КомпьюАрт 7’2012

Цветовой круг — что это такое? Виды цветовых кругов

Существует множество секретов стилистически выдержанного гардероба, но, пожалуй, главным из них является умение комбинировать цвета между собой! Цветовой круг в этом самый лучший помощник! Что же собой представляет данный круг, и как им правильно пользоваться? Немного истории, откуда, так сказать, начался цветовой круг!

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

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

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

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

Цветовой круг визуально делится на тёплую и холодную части.

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

Ниже представлен классический круг Иттена, состоящий из двенадцати частот

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

Помимо круга Иттена, достаточно известны цветовые круги Ньютона, Гёте и Освальда. Например, Ньютон разделил круг на 7 частей, аналогично нотному стану. Семь нот, семь цветов радуги. 

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

А вот Гёте имел другое мнение. Так, согласно Гёте, каждый цвет реален и существует в природе. Есть цвета, которые нельзя получить путем смешивания (красный, синий, жёлтый). Все остальные цвета и их оттенки получаются путем смешивания. Так, принято считать, что 8-цветовой круг (замкнутая «радуга») — изобретение Гёте, хотя часто он встречается в различных источниках как «8-цветовой круг Ньютона».

Интересен и круг Вильгельма Освальда, визуально не разделяющийся на чёткие сегменты, а представляющий из себя плавное «перетекание» одного цвета в другой, со всем спектром оттенков. Основа круга — 3 цвета: красный, синий и зелёный. При этом белый цвет как таковой отсутствует, а чёрный принимается за максимальную насыщенность цвета.

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

Узнайте подробнее:

Монохромная схема. Сочетание цветов в одежде    
Аналогичная схема. Сочетание цветов в одежде    
Комплементарная схема. Сочетание цветов в одежде    
Триадная схема. Сочетание цветов в одежде    
Квадратная схема. Сочетание цветов в одежде    
Прямоугольная схема. Сочетание цветов в одежде  

цветных кругов разных размеров роялти бесплатно векторное изображение

цветных кругов разных размеров роялти бесплатно векторное изображение

1. org/ListItem»> лицензионные векторы
2. Черные векторы

ЛицензияПодробнее

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

Тип лицензии определяет, как вы можете использовать этот образ.

	Станд.	Расшир.
Печатный/редакционный
Графический дизайн
Веб-дизайн
Социальные сети
Редактировать и изменить
Многопользовательский
Предметы перепродажи
Печать по требованию

Владение Учить больше

Эксклюзивный Если вы хотите купить исключительно этот вектор, отправьте художнику запрос ниже:

Хотите, чтобы это векторное изображение было только у вас? Эксклюзивный выкуп обеспечивает все права этого вектора.

Мы удалим этот вектор из нашей библиотеки, а художник прекратит продажу работ.

Способы покупкиСравнить

Плата за изображение $ 14,99 Кредиты $ 1,00 Подписка 9 долларов0082 0,69

Оплатить стандартные лицензии можно тремя способами. Цены составляют $ $.

Оплата с помощью	Цена изображения
Плата за изображение $ 14,99 Одноразовый платеж
Предоплаченные кредиты $ 1 Загружайте изображения по запросу (1 кредит = 1 доллар США). Минимальная покупка 30р.
План подписки От 69 центов Выберите месячный план. Неиспользованные загрузки автоматически переносятся на следующий месяц.

Способы покупкиСравнить

Плата за изображение $ 39,99 Кредиты $ 30,00

Существует два способа оплаты расширенных лицензий. Цены составляют $ $.

Оплата с помощью	Стоимость изображения
Плата за изображение $ 39,99 Оплата разовая, регистрация не требуется.
Предоплаченные кредиты $ 30 Загружайте изображения по запросу (1 кредит = 1 доллар США).

Оплата

Плата за изображение $ 499

Дополнительные услугиПодробнее

Настроить изображение Доступно только с оплатой за изображение 9 долларов0082 85,00

Нравится изображение, но нужно всего лишь несколько модификаций? Пусть наши талантливые художники сделают всю работу за вас!

Мы свяжем вас с дизайнером, который сможет внести изменения и отправить вам изображение в выбранном вами формате.

Примеры

• Изменить текст
• Изменить цвета
• Изменить размер до новых размеров
• Включить логотип или символ
• Добавьте название своей компании или компании

Включенные файлы

Подробности загрузки. ..

• Идентификатор изображения

  4080044

• Цветовой режим

  RGB

• Художник

  епиджон

круглых кругов разных цветов на белом векторном изображении

Круглые круги разных цветов на белом векторном изображении

1. лицензионные векторы
2. цвета векторов

ЛицензияПодробнее

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

Тип лицензии определяет, как вы можете использовать этот образ.

	Станд.	Расшир.
Печатный/редакционный
Графический дизайн
Веб-дизайн
Социальные сети
Редактировать и изменить
Многопользовательский
Предметы перепродажи
Печать по требованию

Владение Учить больше

Эксклюзивный Если вы хотите купить исключительно этот вектор, отправьте художнику запрос ниже:

Хотите, чтобы это векторное изображение было только у вас? Эксклюзивный выкуп обеспечивает все права этого вектора.

Мы удалим этот вектор из нашей библиотеки, а художник прекратит продажу работ.

Способы покупкиСравнить

Плата за изображение $ 14,99 Кредиты $ 3,00 Подписка 9 долларов0082 0,69

Оплатить стандартные лицензии можно тремя способами. Цены составляют $ $.

Оплата с помощью	Цена изображения
Плата за изображение $ 14,99 Одноразовый платеж
Предоплаченные кредиты $ 3 Загружайте изображения по запросу (1 кредит = 1 доллар США). Минимальная покупка 30р.
План подписки От 69 центов Выберите месячный план. Неиспользованные загрузки автоматически переносятся на следующий месяц.

Способы покупкиСравнить

Плата за изображение $ 39,99 Кредиты $ 30,00

Существует два способа оплаты расширенных лицензий.

Круги разных цветов: Как пользоваться цветовым кругом — Записки преподавателя