Как подобрать гармоничную комбинацию цветов

ColorScheme

· Инструмент для подбора цветов и генерации цветовых схем ·

Цветовой Круг Онлайн ⇒

Карта СайтаНазвания ЦветовЦвета АвтомобилейИмена цветов в HTMLКонвертер Цветов

Теория Цвета

• О цвете с самого начала
• Музей цветовых моделей
• Словарь теории цвета
• Как подобрать гармоничную комбинацию цветов

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

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

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

Во-первых, давайте разберёмся в терминологии, чтобы убедиться, что вы не потеряете нить рассуждений в процессе чтения статьи. Все мы знаем, что первичными (primary) цветами являются красный, жёлтый и синий. Для того, чтобы получить вторичные (secondary) цвета, мы смешиваем один цвет с другим. Жёлтый и красный дают нам оранжевый, красный и синий — пурпурный/лиловый, а синий и жёлтый — зелёный. А что такое третичные (tetriary) цвета? Просто берётся первичный цвет и к нему добавляется соседний вторичный. Это означает, что существует шесть третичных цветов (по два цвета от каждого первичного цвета). Рис. А демонстрирует все описанные цвета во всей их красоте.

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

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

Рис. В.: собрав воедино первичные, вторичные и третичные цвета, мы получаем цветовой круг.

Подбор цветов с помощью цветового круга

Самый простой способ подбора цветов в цветовом круге — представить себе над кругом равнобедренный треугольник. Цвета, которые окажутся под вершинами — потенциальные кандидаты на использование. (Для тех, кто проспал урок геометрии и черчения, поясняю, вершинами являются точки, где сходятся отрезки, образующие стороны треугольника). Этот тип подбора цветов называется «триадной схемой». Взгляните на рис. С. У нас получаются четыре различных триадных схемы, с которыми уже можно работать. Суть заключается в том, что эти цвета, работая вместе образуют гармоничную комбинацию цветов.

Рис. С: На цветовом круге существует четыре возможных триады цветов

Но триадами не стоит ограничиваться. Можно выбрать и комплементарные (complementary) цвета, т.е. те цвета, которые расположены в круге прямо напротив друг друга — например, красный и зелёный. Они называются комплементарными/дополняющими потому, что будучи помещёнными рядом, они делают друг друга ярче и живее, см. рис. D.

Рис. D.: цвета, противоположные друг другу на круге называются комплементарными/дополняющими

Примечание: от латинского «Complementum» — термин переводится как «дополняющий/дополнительный», в более современной литературе как «комплИментарный», и как «комплЕментарный» в равных пропорциях. Последний вариант мы считаем правильным.

Различные варианты

На этом этапе мы уже можем приступить к более сложным комбинациям. Например, можно взять две пары комплементарных цветов, что называется «двойной комплемент» (double complement). Скажем, жёлтый и пурпурный/лиловый, и синий и оранжевый. Другой схемой является альтернативный комплемент (alternate complement), когда комбинируется триада цветов с цветом, комплементарным одному из цветов триады. Зелёный, красно-пурпурный, красный и оранжевый — пример такой комбинации. Также существует «расщеплённый комплемент» (split complement), когда берётся цвет, его комплементарный цвет и два прилегающих к нему цвета.

И наконец, вы наверное слышали о тетраде: когда берутся четыре цвета, которые расположены прямо напротив друг друга. Т.е. выбираются 1 первичный, 1 вторичный и два третичных цвета. На рис. Е. Показаны примеры вышеперечисленных схем.

Рис. Е.: эти схемы вдохнут жизнь в любой веб-сайт

Всё семейство

И так, мы перебрали все возможные комбинации контрастирующих цветов. Теперь обратимся к двум типам схем, где используются родственные цвета — монохроматической (monochromatic) и аналогичной/сходственной (analogous). Монохроматичный набор цветов, как свидетельствует его название, использует один цвет и все его оттенки и вариации. При правильном использовании, эта схема может придать веб-сайту аккуратный, чистый вид. Аналогичная схема цветов с другой стороны использует цвета, которые расположены по соседству друг с другом на цветовом круге. Как можно судить по рисунку F. аналогичная схема весьма похожа на монохроматическую.

Рис. F.: «Аналогичная» схема очень напоминает монохроматическую

Итак, всё вместе

Теперь, когда мы вывалили вам на голову столько комбинаций цветов, считаем своим долгом дать несколько предостережений. Первое и самое главное: цветовые схемы, упомянутые здесь, сами по себе могут и не сработать. Вам по-прежнему придётся кое-что поменять в цветах (насыщенность или яркость), чтобы они «ужились». Приведённые здесь схемы — лишь отправная точка, а не вершина мастерства. Ведь в конечном счёте решающим фактором будет читаемость текста на веб-сайте и его внешний вид (look and feel). Чтобы увидеть, как цвета уживаются друг с другом, дизайнеры советуют воспользоваться любой графической программой, где есть функция «слои», и сравнить различные варианты схем, переключаясь между ними. Например, на рис. G, одни комбинации работают нормально, в то время как другие требуют дополнительной обработки.

Рис. G.: не всякая комбинация годится в дело

Заключение

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

Как правильно выбрать цвета для сайта?

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

Это не так.

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

Содержание

Сочетания в цветовой палитре для сайта

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

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

Легче всего понять, из чего состоит цветовая палитра для сайта можно, посмотрев на цветовой круг. Каждая точка на окраине круга обозначает направление цветового оттенка. У края цвета насыщенные. По мере приближения к центру оттенки становятся всё более легкими. 

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

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

Монохроматическое сочетание. Это беспроигрышный вариант – особенно, если у вас есть брендовый цвет. В таком сочетании вы берёте один цвет (поэтому “моно”), и в дизайне применяете его более или менее светлые оттенки. Всегда помните, что вам нужно заботиться о контрасте. Блоки и элементы должны отделяться друг от друга.

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

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

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

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

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

Подбор цветов для сайта палитры: брендбук, конкуренты, сервисы

Заданные цвета в настройках – это такой же чистый холст. Но вместо красок у вас коды цветов, а вместо контуров блоки и элементы. И как у любого художника у вас будет небольшой ступор: с чего начать?

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

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

Конкуренты. Не всегда нужно делать иначе, иногда достаточно рабочего варианта. Ищите свое вдохновение у конкурентов. Откройте их сайты – изучите, какие палитры они используют. В итоге вы получите брендовый срез.

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

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

1. Подборки готовых палитр с возможностью их редактирования.
2. Случайный генератор цветовых сочетаний с возможностью их донастройки.
3. Автоматическое создание палитр на основе фото и иллюстраций.
4. Выбор типа гармонизации цветов (аналоговые, комплеменарные, триады и подобное).

Мы рекомендуем использовать три бесплатных сервиса: Сoolors, Adobe Color, Toptal.

Также

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

 

Советы при работе с цветами сайта

Начните с чёрно-белого мышления. Любой дизайн страницы сайта начинается с распределения информации. У вашей заготовки должен быть ритм – все блоки должны отделятся друг от друга. Как только вы это сделаете, то увидите подобие визуальных пятен. Уже на них нанизывать цвет легче.

Свободное пространство – отдых важен. Представьте себе романтический фильм только о счастливой любви героев. Без разлук и слёз. Не очень интересно, правда? Точно так же и однотипный плотный дизайн отталкивает. Применяйте цвет время от времени и используйте нейтральные фоны. Только тогда цвет станет вашим союзником.

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

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

Деятельный цвет – не забывайте о кликах. Современный дизайн компактный и побуждающий к действию. Когда вы добавляете на сайт кнопки, формы, FAQ или вкладки – делайте элементы взаимодействия с ними контрастными. Например, вся форма может быть сделана в голубых оттенках, а кнопка отправки – оранжевой. Контраст цветов привлечёт внимание и увеличит шанс на нужные вам действия.

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

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

Работа с палитрой сайта на Weblium

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

Чтобы быстро подобрать цвета для вашего сайта на Weblium, идите естественным путём:

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

Вы сами можете бесплатно протестировать наш конструктор сайтов. Все базовые возможности в нём уже доступны. Возможно, набросок страницы – только начало. Он станет вашим новым замечательным сайтом.

Автор

Александр Громов

Автор блога Weblium.

Другие статьи автора

0 0 голоса

Рейтинг статьи

3 удивительные причины использовать дополнительные цвета

Знаете ли вы, что у дополнительных цветов гораздо больше функций, чем думает большинство людей?

Лучшие сочетания цветов для вашего веб-сайта…

Включите JavaScript

Лучшие сочетания цветов для вашего веб-сайта

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

Продолжайте читать, чтобы узнать еще 3 удивительные причины использовать дополнительные цвета. Но сначала: что такое дополнительные цвета?

Что такое дополнительные цвета в искусстве?

Дополнительные цвета — это цвета, расположенные на противоположных сторонах цветового круга. Примеры дополнительных цветов: красный и зеленый, желтый и фиолетовый, оранжевый и синий. Смешивание дополнительных цветов приводит к ненасыщенной или серой смеси.

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

Но дело в том, что цветов бывает много вариаций. Между каждым цветом есть немного другой цвет.

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

Но, как всегда в теории цвета, нужно помнить кое-что.

Использование правильного цветового круга

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

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

Прочтите здесь все о различиях между RBY, CMY и RGB.

Взгляните на полученные смеси, когда мы смешиваем комплементарные компоненты цветового круга на основе RBY и цветового круга CMY:

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

Но используйте дополнения RBY, когда вы создаете свою иллюстрацию.

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

1. Используя дополнительные цвета, вы можете контролировать насыщенность цвета

контроль насыщения. Больше нет необходимости использовать серую краску.

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

, но короче:

• Hue
  • Цветная группа (красный, зеленый, синий, желтый, фиолетовый, оранжевый)
• Значение
  • Как свет или темный цвет
  1907070707065
• Как свет или темный цвет. Насыщенность
  • Насколько ярким является цвет
  • Если цвет полностью насыщен, он серый. Если цвет насыщен на 100%, это самый чистый цвет.

Когда вы смешиваете дополнительные цвета, они компенсируют друг друга. Это означает, что если вы смешаете зеленый и фиолетовый (в соответствии с цветовым кругом CMY), получится серая смесь.

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

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

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

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

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

Помните: вы всегда можете обесцветить цвет, но не можете сделать его более насыщенным.

Почему важно контролировать насыщенность в живописи

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

• Вы можете управлять спокойствием в своем искусстве с различными уровнями насыщенности
• Вы можете использовать насыщенность для привлечения различных аудитории
  • Как правило, ненасыщенные цвета выглядят стильно, утонченно и минималистично. Они привлекают похожих людей
  • Насыщенные цвета часто привлекают детей (вспомните такие мультфильмы, как Губка Боб), популярны в поп-культуре (вспомните картины Энди Уорхола) и напоминают счастье

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

2. Дополнительные цвета позволяют отказаться от черной краски.

Для создания целостной картины достаточно 3-4 основных цвета + белый. Нет необходимости использовать черный цвет.

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

Почему? Потому что вы можете получить разные уровни значений из цветов в вашей цветовой палитре.

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

Обычно это делается путем добавления синего ультрамарина (темно-синего) к темно-коричневому цвету, такому как жженая сиена или желтая охра, которые оба являются коричневыми.

Коричневые — это оттенки желтого, которые, согласно цветовому кругу CMY, при смешивании с синим создают серый цвет. Так как Ultramarine Blue и Burnt Sienna являются темными цветами, они создадут темно-серый цвет.

Попробуйте! Преимущество этого способа в том, что вам не нужно покупать дополнительный черный цвет.

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

Сторонники чистоты акварели и приверженцы другого искусства

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

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

Если вам интересно научиться создавать собственные цветовые палитры, эта статья для вас.

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

Цвет очень сильно влияет на восприятие картины. Не все эти цвета должны соответствовать реальности.

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

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

Посмотреть этот пост в Instagram

Пост, которым поделилась Анжела Сунг (@angothemango)

Изучив ее работы, главное, что я заметил, это то, что все разные цвета, которые она использует, имеют что-то общее: они все близки по насыщенности и ценности.

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

Таким образом, использование комплиментов не так просто, как дать персонажу желтые волосы и фиолетовую рубашку.

Маленькие точки дополнительных цветов в неожиданных местах превращают простую картину в удивительную картину.

4. ДОПОЛНИТЕЛЬНАЯ ПРИЧИНА: Дополнительные цвета помогут вам избежать грязного искусства

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

Чтобы создать идеальную цветовую палитру, дающую наиболее предсказуемые результаты, вы должны подобрать комплементарные компоненты, которые при смешивании дают истинно нейтральный серый цвет.

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

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

Цветовая палитра для защиты от грязи

Идеальная цветовая палитра без грязи состоит из двух основных возможностей:

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

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

Вот что производят вторичные палитры на основе CMY:

• Голубой + пурпурный = синий
• Пурпурный + желтый = красный
• Желтый + голубой = зеленый

Не только основные цвета CMY, но и самые насыщенные.

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

Для настройки значения необходимо добавить либо белый, либо черный. Технически белый и черный — это не цвета, это значения: это свет.

Но поскольку мы не можем рисовать светом, нам все равно нужно использовать черно-белую краску.

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

У каждой дополняющей пары своя формула

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

Если бы вы смешали их поровну, получившаяся смесь все равно имела бы сильный красный оттенок.

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

Для обесцвечивания голубого и красного рекомендуется следующая формула:
85% голубой + 15% красный = серый

Но для одинаково насыщенных цветов, таких как зеленый и красный, формула может выглядеть примерно так:
50% пурпурный + 50% зеленого = серый

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

В заключение

Итак, три четыре удивительных способа использования дополнительных цветов:

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

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

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

Наиболее часто задаваемые вопросы о дополнительных цветах

Что происходит, когда вы смешиваете дополнительные цвета?

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

Каковы примеры дополнительных цветов согласно RYB?

Следующие цветовые пары представляют собой дополнительные цвета, складывающие цветовое колесо RYB:

• Красный и зеленый
• Оранжевый и синий
• Желтый и пурпурный ?

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

  • Желтый и синий
  • Красный и голубой
  • Пурпурный и зеленый

  ---

  Надеюсь, вам понравилась эта статья о способах использования дополнительных цветов. Увидимся на следующей неделе,

  ♡ Лора

  Теория цвета, Использование цвета, Советы для вас

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

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

  Что такое дополнительный цвет?

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

  Дополнительные цвета также создают энергичный и яркий эффект. Когда они расположены рядом друг с другом, они создают самый сильный контраст между двумя цветами. Дополнительные цвета также можно назвать « инверсия цветов «.

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

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

  Смешивая вторичный цвет и первичный цвет, мы можем получить третичных цветов , например: Сине-зеленый (бирюзовый) состоит из синего и зеленого. Красно-оранжевый (Киноварь) состоит из красного и оранжевого цветов. Желто-оранжевый (янтарный) состоит из желтого и оранжевого… и так далее.

  Как создать дополнительную цветовую схему?

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

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

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

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

  Примеры использования дополнительных цветов в разных пространствах

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

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

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

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

  Как использовать дополнительные цвета в дизайне?

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

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

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

  Заключение

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

  ЧАСТО ЗАДАВАЕМЫЕ ВОПРОСЫ:

  1. Какие цвета не являются комплиментарной парой?

  Настоящая смесь дополнительных цветов приводит к черному или коричневому.

  No related posts.