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

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

почему цветовой круг не всегда работает и в чем искать вдохновение при выборе оттенков

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

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

Первый вариант – воспользоваться готовой схемой подбора цветов. Традиционный метод – цветовой круг Иттена. Это схема, на которой изображены 12 основных цветов, причем самые контрастные оттенки находятся друг напротив друга:

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

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

 

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

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

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

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

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

Какую бы схему вы ни выбрали, учитывайте, что примерно 70% отделки должен занимать основной цвет, 25% – дополнительный и еще 5% можно распределить среди цветовых акцентов. Чтобы интерьер не получился слишком пестрым и кричащим, лучше взять за основу белый цвет или один из пастельных оттенков и на его фоне уже выстраивать понравившуюся схему сочетания цветов.   

Готовые палитры и интуитивный подбор оттенков

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

Еще один вариант – подобрать оттенки интуитивно, на основе приятного именно вам сочетания цветов. Для этого вы можете ориентироваться на:

• фотографии уже готовых интерьеров. Выберите подходящие фото и постарайтесь примерить их цветовую гамму на себя – насколько комфортно вам будет жить в таком пространстве. А затем «вытащить» из нее нужные вам оттенки – на глаз или с помощью специальных онлайн инструментов.

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

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

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

• соотношение и насыщенность оттенков – какой цвет будет основным, а какие – дополнительными?
• баланс белого и других нейтральных цветов – сколько белого цвета будет в вашем интерьере? Какие оттенки бежевого, серого и других нейтральных оттенков вы выберете?
• оттенки мебели, текстиля и предметов декора. Будут они акцентными или сливаться с фоном? Будут ли на них узоры и если да, то из каких оттенков они складываются?

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

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

Circle of Flowers — Etsy Турция

Etsy больше не поддерживает старые версии вашего веб-браузера, чтобы обеспечить безопасность пользовательских данных. Пожалуйста, обновите до последней версии.

Воспользуйтесь всеми преимуществами нашего сайта, включив JavaScript.

Найдите что-нибудь памятное, присоединяйтесь к сообществу, делающему добро.

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