Шпаргалка по сочетанию цветов — — LiveJournal

Основные термины колористики

Различные температуры цветов

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

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

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

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

Тени используются для затемнения цвета путем добавления в его тон черного.

Значение (яркость) цвета отражает его светлоту или темноту.

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

Как понять, что цвета подходят друг к другу.

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

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

Виды цветовых палитр

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

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

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

Аналоговая цветовая схема

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

Комплементарная цветовая схема

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

Сплит-комплементарная цветовая схема

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

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

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

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

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

К известным инструментам работы с палитрами относятся:

Adobe Color
Coolors
Canva Color Wheel
Paletton
Color Hunt

Изучите цветовой круг для понимания смешивания цветов

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

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

Как подобрать сочетающиеся цвета?

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

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

любые два цвета, противоположные друг другу на цветовом круге;

любые три цвета, равномерно расположенные вокруг цветового круга и образующие треугольник;

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

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

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

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

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

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

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

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

Монотонный ахроматический

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

Мы окружены

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

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

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

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

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

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

Рисунок 1 – Место видимого излучения среди других видов электромагнитного излучения.

На Рисунке 1 видимое излучение представлено в виде шкалы, которая состоит из «смеси» различных цветов. Как вы уже догадались – это спектр. Через весь спектр (слева направо) проходит волнообразная линия (синусоидальная кривая) – это электромагнитная волна, которая отображает сущность света как электромагнитного излучения.

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

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

Нейтральные

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

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

• на теплоту серого;
• на теплоту выбранного колора;
• на светлоту двух оттенков и их совместимость.

Немного истории

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

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

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

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

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

Немного теории

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

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

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

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

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

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

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

От света к цвету и обратно

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

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

Рисунок 2 – Прохождение луча солнечного света через призму.

Каждая из волн имеет свою длину. Видите, вершины соседних волн не совпадают друг с другом: потому что красный цвет (красная волна) имеет длину примерно 625-740nm, оранжевый цвет (оранжевая волна) – примерно 590-625nm, синий цвет (синяя волна) – 435-500nm., не буду приводить цифры для остальных 4-х волн, суть, я думаю, вы поняли.

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

Таким образом, можно сказать, что спектр электромагнитной волны видимого света – это сумма волн различной длины, которые при наложении друг на друга дают исходную электромагнитную волну. Спектр «показывает из чего состоит волна».

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

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

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

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

Три основных цвета: красный, зеленый, синий. Если с помощью смешивания этих трех цветов можно получить практически любой цвет, значит можно получить и белый цвет! Посмотрите на спектр, который был приведен на рисунке 2, на спектре четко просматриваются три цвета: красный, зеленый и синий. Именно эти цвета лежат в основе цветовой модели RGB (Red Green Blue).

Проверим как это работает на практике. Возьмем 3 источника света (прожектора) — красный, зеленый и синий. Каждый из этих прожекторов излучает только одну электромагнитную волну определенной длины. Красный – соответствует излучению электромагнитной волны длиной примерно 625-740nm (спектр луча состоит только из красного цвета), синий излучает волну длиной 435-500nm (спектр луча состоит только из синего цвета)

, зеленый – 500-565nm (в спектре луча только зеленый цвет). Три разных волны и больше ничего, нет никакого разноцветного спектра и дополнительных цветов. Теперь направим прожектора так, чтобы их лучи частично перекрывали друг друга, как показано на рисунке 3.

Рисунок 3 — Результат наложения красного, зеленого и синего цветов.

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

Обратите внимание на центр пересечения зеленого, красного и синего цветов: в центре вы увидите белый цвет. Тот самый, о котором мы недавно говорили. Белый цвет – это сумма всех цветов. Он является «самым сильным цветом» из всех видимых нами цветов.

Рисунок 4 – Отсутствие светового излучения

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

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

Рисунки 5 и 6– Зависимость параметров цвета от источника излучения

Существуют основные характеристики цвета: цветовой тон (hue), яркость (Brightness), светлость (Lightness), насыщенность (Saturation).

Цветовой тон (hue)

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

Яркость (Brightness)

– Характеристика, которая показывает, насколько сильно излучается световая энергия того или иного цветового тона (красного, желтого, фиолетового и т.п.). А если она вообще не излучается? Если не излучается – значит, её нет, а нет энергии — нет света, а там где нет света, там черный цвет.

Любой цвет при максимальном снижении яркости становится черным цветом. Например, цепочка снижения яркости красного цвета: красный — алый — бордовый — бурый — черный. Максимальное увеличение яркости, к примеру, того же красного цвета даст «максимально красный цвет».

Светлость (Lightness)

– Степень близости цвета (цветового тона) к белому. Любой цвет при максимальном увеличении светлости становится белым. Например: красный — малиновый — розовый — бледно-розовый — белый.

Насыщенность (Saturation)

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

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

Такие характеристики цвета как цветовой тон (hue), яркость (Brightness), и насыщенность (Saturation) лежат в основе цветовой модели HSB (иначе называемая HCV).

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

Рисунок 7 – Палитра цветов Adobe Photoshop

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

Это параметры цветовой модели HSB. Самая верхняя буква – H (hue, цветовой тон). Он определяет положение цвета в спектре. Значение 0 градусов означает, что это самая верхняя (или нижняя) точка цветового круга – то есть это красный цвет. Круг разделен на 360 градусов, т.е. получается, в нем 360 цветовых тонов.

Следующая буква – S (saturation, насыщенность). У нас указано значение 100% — это значит, что цвет будет «прижат» к правому краю цветовой палитры и имеет максимально возможную насыщенность. Затем идет буква B (brightness, яркость) – она показывает, насколько высоко расположена точка на палитре цветов и характеризует интенсивность цвета.

Значение 100% говорит о том, что интенсивность цвета максимальна и точка «прижата» к верхнему краю палитры. Буквы R(red), G(green), B(blue) — это три цветовых канала (красный, зеленый, синий) модели RGB. В каждом в каждом из них указывается число, которое обозначает количество цвета в канале.

Вспомните пример с прожекторами на рисунке 3, тогда мы выяснили, что любой цвет может быть получен путем смешивания трех световых лучей. Записывая числовые данные в каждый из каналов, мы однозначно определяем цвет. В нашем случае 8-битный канал и числа лежат в диапазоне от 0 до 255.

Числа в каналах R, G, B показывают интенсивность света (яркость цвета). У нас в канале R указано значение 255, а это значит, что это чистый красный цвет и у него максимальная яркость. В каналах G и B стоят нули, что означает полное отсутствие зеленого и синего цветов.

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

На рисунке вы также можете заметить перечеркнутые поля числовых значений с буквами «lab» и «CMYK». Это 2 цветовых пространства, по которым тоже можно характеризовать цвета, о них вообще отдельный разговор и на данном этапе незачем вникать в них пока не разберетесь с RGB.

Понять «черное и белое» с помощью монотонов

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

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

Психология цвета

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

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

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

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

Психология восприятия цвета

Разные идеи

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

И еще несколько вариантов сочетания цветов в одежде:

Классное сочетание желтого и сиреневого с фиолетовым, сочетание розового цвета с желтым — такое сочетание сиреневого и желтого с фиолетовым запомнится абсолютно всем.

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

Запомните, что сочетание оранжевого цвета с черным — знойное и жаркое!

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

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

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

Светлота

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

Согласованность цветов фирменных стилей

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

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

Таблица html цветов

Имена цветов в HTML не чувствительны к регистру, и могут записываться в любой форме

Также стоит отметить, что имея 147 различных ключевых слов (17 старых и 130 новых), не все цвета в этом списке уникальны. Некоторые имена обозначают один и тот же цвет. Так, например, и Grey, и Gray обозначают 50-процентный серый цвет #808080, а Magenta — это лишь синоним HTML цвета Fuchsia, и ссылается на шестнадцатеричный код цвета #FF00FF.

Теплота выбранного цвета

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

Теплота серого

Серый может быть теплым и холодным.

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

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

Теплые

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

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

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

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

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

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

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

Холодные

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

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

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

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

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

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

Цвет и его теория

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

Основные цвета выступают основой для получения всех остальных цветов. К ним относятся красный, синий и желтый. (примечание: данное определение характерно для художественной системы цветовоспроизведения, которая расходится с аддитивной системой RGB Максвелла, где основными цветами являются красный, зеленый и синий).

Вторичные цвета получаются совмещением двух основных. К ним относятся оранжевый, фиолетовый и зеленый.

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

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

Цвет объектов

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

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

Таким образом, можно сразу сделать вывод о том, что цвет объекта будет определяться количеством поглощенного и отраженного света, которым этот объект освещается. Способность отражать и поглощать свет определятся молекулярной структурой вещества, иначе говоря — физическими свойствами объекта. Цвет предмета «не заложен в нем от природы»! От природы в нем заложены физические свойства: отражать и поглощать.

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

— Первое условие: Цвет объект может принимать только при наличии источника освещения. Если нет света, не будет и цвета! Красная краска в банке будет выглядит черной. В темной комнате мы не видим и не различаем цветов, потому что их нет. Будет черный цвет всего окружающего пространства и находящихся в нем предметов.

— Второе условие: Цвет объекта зависит от цвета источника освещения. Если источник освещения красный светодиод, то все освещаемые этим светом объекты будут иметь только красные, черные и серые цвета.

— И наконец, Третье условие: Цвет объекта зависит от молекулярной структуры вещества, из которого состоит объект.

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

Рисунок 8 – Отражение зеленой волны спектра

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

Рисунок 9 – Отражение желтой волны спектра

Собачка, та что изображена на рисунке 10 – белая. Белый цвет – результат отражения всех волн спектра.

Рисунок 10 – Отражение всех волн спектра

Цвет предмета – это цвет отраженной волны спектра. Вот так предметы приобретают видимый нами цвет.

В следующей статье речь пойдет о новой характеристике цвета — цветовой температуре.

Цветовые палитры

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

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

Цветовая палитра

Цветовые схемы — гармоничные цветовые сочетания

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

Шпаргалка по сочетанию цветов

Интересная шпаргалка по подбору цветов. Может быть кому то будет полезно. Или это уже очень «заумно» и для совсем специфичных случаев?

Оцените …

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

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

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

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

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

Схема № 6. Квадрат
Сочетание 4 цветов, равноудаленных друг от друга. Цвета здесь несхожи по тону, но также комплиментарны. За счет этого образ будет динамичным, игривым и ярким. Пример: фиолетовый, красно-оранжевый, желтый, сине-зеленый.

Сочетания отдельных цветов

Белый: сочетается со всем. Наилучшее сочетание с синим, красным и черным.

Бежевый: с голубым, коричневым, изумрудным, черным, красным, белым.

Серый: с цветом фуксии, красным, фиолетовым, розовым, синим.

Розовый: с коричневым, белым, цветом зеленой мяты, оливковым, серым, бирюзовым, нежно-голубым.

Фуксия (темно-розовый): с серым, желто-коричневым, цветом лайма, зеленой мяты, коричневым.

Красный: с желтым, белым, бурым, зеленым, синим и черным.

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

Вишнево-красный: лазурный, серый, светло-оранжевый, песчаный, бледно-желтый, бежевый.

Малиново-красный: белый, черный, цвет дамасской розы.

Коричневый: ярко-голубой, кремовый, розовый, палевый, зеленый, бежевый.

Светло-коричневый: бледно-желтый, кремово-белый, синий, зеленый, пурпурный, красный.

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

Рыжевато-коричневый: розовый, темно-коричневый, синий, зеленый, пурпурный.

Оранжевый: голубой, синий, лиловый, фиолетовый, белый, черный.

Светло-оранжевый: серый, коричневый, оливковый.

Темно-оранжевый: бледно-желтый, оливковый, коричневый, вишневый.

Желтый: синий, лиловый, светло-голубой, фиолетовый, серый, черный.

Лимонно-желтый: вишнево-красный, коричневый, синий, серый.

Бледно-желтый: цвет фуксии, серый, коричневый, оттенки красного, желтовато-коричневый, синий, пурпурный.

Золотисто-желтый: серый, коричневый, лазурный, красный, черный.

Оливковый: апельсиновый, светло-коричневый, коричневый.

Зеленый: золотисто-коричневый, оранжевый, салатный, желтый, коричневый, серый, кремовый, черный, сливочно-белый.

Салатный цвет: коричневый, желтовато-коричневый, палевый, серый, темно-синий, красный, серый.

Бирюзовый: цвет фуксии, вишнево-красный, желтый, коричневый, кремовый, темно-фиолетовый.

Электрик красив в сочетании с золотисто-желтым, коричневым, светло-коричневым, серым или серебряным.

Голубой: красный, серый, коричневый, оранжевый, розовый, белый, желтый.

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

Лиловый: оранжевый, розовый, темно-фиолетовый, оливковый, серый, желтый, белый.

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

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

А вот тут еще лет 10 назад Адобе сделал сайт для подбора цветов, ВОТ ПОПРОБУЙТЕ :

[источники]
источники
http://decor-design.justclick.ru/media/content/decor-design/2_день_Цветовой_круг._Основные_цвета._Синий_цвет..pdf
http://www.adme.ru/tvorchestvo-dizajn/krutaya-shpargalka-po-sochetaniyu-cvetov-1169610/#image6158910 © AdMe.ru

Заключение

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

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