Теория и психология цвета в графическом и веб-дизайне

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

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

По всей поверхности сетчатки распределены два вида чувствительных к свету клеток (фоторецепторы): колбочки и палочки. Колбочки отвечают за восприятие цвета, а палочки — за восприятие контраста.

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

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

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

Чтобы создать изображение, которое будет по интенсивности освещения находиться посередине между белым (100% интенсивности белого цвета) и чёрным (0% света), нужна сила света, которая будет составлять 18% от интенсивности белого цвета, а не 50%.

Для человека такой цвет выглядит как средний серый, но на самом деле он отражает только 18% интенсивности максимально рассеянного белого света.

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

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

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

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

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

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

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

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

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

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

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

Светлота определяет, насколько близко цвет находится к чёрному или белому. Человек воспринимает цвет тёмным или светлым в зависимости от степени светлоты. Характеристика измеряется по шкале от чёрного (0%) до белого (100%), то есть минимальную светлоту имеет поверхность идеально чёрная, максимальную — идеально белая.

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

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

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

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

Цвет может использоваться для передачи конкретных сообщений или значений.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Например, если в качестве основного выбран синий, то комплементарным цветом будет оранжевый. Сплит-комплементарные цвета в этом случае будут жёлтый и красный.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

• Cyan — циан, синий.
• Magenta — маджента, пурпурный.
• Yellow — жёлтый.
• Key — ключевой: обычно чёрный.

Количество каждого их четырёх цветов может быть задано в процентах от 0 до 100. Белый — отсутствие цвета. Чёрный — смесь всех цветов, либо отдельно чёрный.

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

Из-за свечения монитора цвета, с которыми работают графические редакторы, всегда RGB, они не могут физически воспроизвести CMYK. Но программы определённым образом модифицируют цвета, чтобы воспроизвести то, как это изображение выглядело бы на бумаге. Какие-то цвета приглушаются, какие-то искажаются. Но есть цвета из диапазона CMYK, которых просто нет в профиле sRGB. Поэтому, в любом случае, это только имитация.

При использовании корректного цветового профиля и откалиброванного монитора, результат может быть близким к реальному. Но невозможно на 100% точно понять, какой цвет получится при печати, до того как изображение будет перенесено на бумагу. Если нужно точно понимать, что будет после печати, можно работать с палитрой Pantone: физический, распечатанный заранее веер, в котором показано, как будут смешиваться тот или иной цвет, и выбирать цвет уже из этой палитры. Либо делать тестовую печать, чтобы видеть, как цвета будут смотреться на конкретном изделии.

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

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

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

Все цвета создаются путем сложения трёх основных компонентов:

• Red — красный.
• Green — зелёный.
• Blue — синий.

Каждому из этих цветов присваивается значение яркости в диапазоне от 0 до 255. Полный цветовой спектр можно получить, комбинируя различные значения этих трёх компонентов. Если все три компонента равны 255 (максимум), появляется белый цвет, а если все три компонента равны 0 (минимум) — чёрный.

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

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

В этой системе цифры задаются значением от 0 до F. Отсюда и привычный вид HEX-кода. Например: #FFFFFF — белый (сила свечения красного максимальная: FF, сила зелёного — FF, сила синего — FF).

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

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

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

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

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

Цветовые профили необходимы по нескольким причинам:

• Точность цветопередачи при печати. Типография может напечатать изображение, сохранённое в любом профиле для цветовой модели CMYK. Но если профиль в программе дизайнера и профиль принтера в типографии различаются, цвета при печати могут исказиться.
• Оптимизация рабочего процесса. Наличие чётко определённых цветовых профилей помогает упростить работу дизайнеров и печатников, уменьшая вероятность ошибок и упрощая процесс контроля качества.
• Стандартизация передачи цвета на различных устройствах. Если на 5 мониторах будут установлены разные цветовые профили, воспроизводимые цвета на каждом из них также будет отличаться. Чтобы добиться единой картинки на всех устройствах, необходимо установить одинаковый цветовой профиль.
• Универсальность. Использование стандартных ICC-профилей позволяет различным устройствам обмениваться цветами более точно. Это особенно важно в сложных производственных процессах, где участвует несколько разных устройств и программное обеспечение.

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

При выборе цветового профиля для проекта стоит учитывать несколько факторов:

• Тип проекта: при работе над проектом для печати используют CMYK-профили. Для цифровых материалов предпочтительнее RGB.
• Целевая аудитория: учитывайте, на каких устройствах пользователи будут просматривать результат работы. Для веб-дизайна лучше всего подходят RGB-профили, так как они оптимизированы для экранов.
• Тип устройства печати: у разных принтеров могут быть свои специфические цветовые профили. Стоит заранее узнать, какой профиль подходит для типографского оборудования, чтобы избежать неожиданных результатов.
• Соответствие стандартам: при работе с печатной продукцией, может понадобиться соблюдение определённых профилей, таких как FOGRA или GRACoL, которые определяют стандарты для цветопередачи.

Большинство профессиональных программ для работы с графикой, таких как Adobe Photoshop или Illustrator, имеют встроенные инструменты для управления цветовыми профилями.

Важно установить и использовать правильный профиль при создании дизайна. Обычно это можно сделать через меню «Настройки цвета» или «Управление цветом».

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

Каждый цвет несет в себе ассоциации и символику, которые могут варьироваться в зависимости от культурного контекста и личного опыта. Эти ассоциации становятся особенно важными в контексте брендинга. Согласно исследованиям, цвет способен определять 90% моментальных суждений о продукте. Правильный выбор цветовой палитры может значительно повлиять на восприятие компании и её продуктов.

Один из самых мощных и эмоционально насыщенных цветов в палитре.

Древние евреи верили, что человек был сделан из глины, то есть. из «красной земли». Имя Адам на иврите означает красный и основано на слове «дам» — кровь. А-дам дословно означает «из крови».

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

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

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

Ассоциации с красным

• Энергия и страсть.

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

• Сила и уверенность.

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

• Опасность и предостережение.

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

• Сексуальность и влечение.

Цвет часто связывают с любовью, страстью и романтикой

• Традиции и культура.

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

Подходящие сферы использования

• Пищевая промышленность.

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

• Мода и косметика.

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

• Финансовые и юридические услуги.

Компании используют красный для передачи чувства ответственности, лидерства и серьёзности.

• Спорт и активный отдых.

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

• Технологии и электроника.

Цвет применяется в дизайне упаковки, создавая ощущение инновационности и энергии.

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

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

В конце XIX века появился блюз — музыка бедных, в которой они рассказывали о несправедливом, жестоком мире и своей тяжёлой доле.

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

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

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

Ассоциации с синим

• Надёжность и доверие.

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

• Спокойствие и умиротворение.

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

• Интеллект и профессионализм.

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

• Свобода и вдохновение.

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

• Холод и дистанция.

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

Подходящие сферы использования

• Финансовые услуги.

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

• Технологии.

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

• Здравоохранение.

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

• Образование.

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

• Путешествия и туризм.

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

Самый безопасный, гармоничный и мягкий цвет.

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

Самое негативное значение цвет получил не от природы, а от Уильяма Шекспира. После его произведения «Отелло» зелёный стал ассоциироваться с завистью и ревностью.

Зелёный цвет присутствует в европейской мифологии. Например, феи часто были одеты в зелёные одежды. Это можно увидеть на примере книги «Питер Пэн» Джеймса Барри.

Зелёный цвет имеет религиозный окрас, его выбрало значительное число конфессий.

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

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

Яркий и жизнеутверждающий жёлтый привлекает внимание и, как правило, вызывает чувство счастья.

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

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

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

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

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

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

Ассоциации с жёлтым

• Оптимизм и радость.

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

• Креативность и вдохновение.

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

• Энергия и активность.

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

• Внимание и предупреждение.

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

• Тепло и дружелюбие.

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

Подходящие сферы использования

• Пищевая промышленность и ресторанный бизнес.

Цвет активно используется рестораторами и производителями продуктов питания, так как вызывает аппетит, ассоциируется с теплом и приятными эмоциями. Например, McDonald’s и Subway, используют жёлтый для привлечения внимания и создания дружелюбной атмосферы.

• Туризм и развлечения.

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

• Торговля и ритейл.

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

• Образование и детские товары.

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

• Технологии и инновации.

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

Яркий и энергичный цвет.

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

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

Ассоциации с оранжевым

• Энергия и динамика.

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

• Тепло и дружелюбие.

Оранжевый часто воспринимается как тёплый и гостеприимный цвет, связанный с чувством комфорта и уюта.

• Креативность и оригинальность.

Цвет ассоциируется с креативностью и нестандартным мышлением.

• Оптимизм и радость.

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

• Привлечение внимания.

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

Подходящие сферы использования

• Пищевая промышленность и узкоспециализированные рестораны.

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

• Спорт и активный отдых.

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

• Торговля и ритейл.

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

• Технологии и инновации.

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

• Детские товары и услуги.

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

Коричневый цвет — это один из самых тёплых и естественных цветов. При этом цвет безликий, его нет ни в видимом спектре, ни на цветовом круге.

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

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

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

Ассоциации с коричневым

• Натуральность и простота.

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

• Тепло и уют.

Цвет вызывает чувство комфорта и защищённости, может напоминать о домашней обстановке.

• Надёжность, консервативность и стабильность.

Коричневый воспринимается как солидный, классический, устойчивый, вызывающий доверие и уверенность.

• Монументальность и сила.

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

Подходящие сферы использования

• Пищевая промышленность.

Рестораны, пекарни, кофейни, упаковка продуктов питания (шоколад, хлеб, печенье).

• Строительство, недвижимость, дизайн интерьера.

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

• Экологический и аграрный сектор.

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

• Финансовые и юридические услуги.

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

Розовый цвет — один из самых нежных и романтичных цветов в палитре.

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

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

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

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

Ассоциации с розовым

• Нежность и забота.

Розовый цвет часто ассоциируется с материнством и защитой, вызывая ощущение нежности, привязанности и комфорта.

• Романтичность и игривость.

Цвет символизирует романтику, любовь и игривость. Он может создавать атмосферу лёгкости и веселья.

• Молодость и свежесть.

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

• Эмоциональный комфорт.

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

• Единство и сообщество.

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

Подходящие сферы использования

• Парфюмерия, косметика и уход за кожей.

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

• Мода и аксессуары.

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

• Детские товары и игрушки.

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

• Технологии и стартапы.

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

• Психология и терапия.

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

Загадочный и многогранный цвет.

Только во второй половине XIX века с появлением синтетического красителя цвет получает массовое распространение. Цвет начинает ассоциироваться с неповиновением, альтернативной культурой.

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

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

Ассоциации с фиолетовым

• Роскошь и элегантность.

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

• Творчество и оригинальность.

Фиолетовый мотивирует на творчество и самовыражение.

• Духовность и мистицизм.

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

• Вдохновение и интуиция.

Фиолетовый цвет может отсылать к вдохновению и интуиции.

• Баланс и гармония.

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

Подходящие сферы использования

• Косметика и парфюмерия.

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

• Искусство и творчество.

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

• Технологии.

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

• Образование и психология.

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

• Здравоохранение и велнес.

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

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

Символ чистоты, невинности, простоты и непорочности.

Ассоциации с белым

• Чистота и свежесть.

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

• Минимализм и ясность.

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

• Непорочность и невинность.

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

• Статус и элегантность.

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

• Спокойствие и умиротворение.

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

Подходящие сферы использования

• Здравоохранение и велнес.

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

• Технологии.

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

• Мода.

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

• Косметика и уход за кожей.

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

• Интерьер и дизайн.

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

Чёрный — мощный и многозначительный цвет.

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

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

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

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

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

Ассоциации с чёрным цветом

• Элегантность и роскошь.

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

• Сила и уверенность.

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

• Мистика и тайна.

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

• Современность и минимализм.

Цвет ассоциируется с современным и минималистичным дизайном. Помогает создать чистый и упорядоченный визуал.

• Серьёзность и авторитет.

Чёрный используется для создания имиджа серьёзной и профессиональной компании.

Подходящие сферы использования

• Мода.

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

• Технологии и электроника.

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

• Автомобили.

Цвет отсылает к статусу и престижу, ассоциируется с мощью.

• Косметика и парфюмерия.

Чёрный отражает роскошь и эксклюзивность. Чёрная упаковка помогает подчеркнуть качество и премиальность продукта.

• Алкогольные напитки.

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

Символ роскоши, богатства и величия.

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

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

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

Ассоциации с золотым

• Роскошь и элегантность.

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

• Сила и успех.

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

• Традиции и наследие.

Золотой цвет ассоциируется с классическим стилем в искусстве и качеством, что может привлечь аудиторию, ценящую традиции.

• Святость и божественность.

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

• Тепло и яркость.

Как все тёплые цвета золотой добавляет ощущения оптимизма и радости.

Подходящие сферы использования

• Премиальные бренды и мода.

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

• Ювелирные изделия.

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

• Косметика и парфюмерия.

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

• Финансовые услуги.

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

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

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

Они включают фирменные цвета компании, нейтральные серые оттенки: от белого до чёрного, а также функциональные цвета.

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

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

В качестве функциональных обычно используют:

• красный: используются для сообщения об ошибке,
• зелёный: используется для подтверждения успешного действия,
• жёлтый: используется для предупреждения.

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

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

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

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

Есть руководство по обеспечению доступности веб-контента — WCAG (Web Content Accessibility Guidelines). Оно размещено в свободном доступе. Все цвета палитры должны соответствовать требованиям руководства. Проверить контраст можно с помощью специальных сервисов, например, Tanaguru contrast finder.

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

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

В дизайне контраст решает следующие задачи:

1. Adobe Color

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

2. Coolors

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

3. Paletton

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

4. Canva Colors

Canva предлагает встроенную функцию для создания палитры в рамках платформы для дизайна.

5. Color Hunt

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

6. Material design palette

Онлайн-сервис составляет цветовую палитру из дополнительных оттенков на основе выбранных цветов.

7. Tineye Multicolr

Сервис подбирает фотографии в цветах, заданных пользователем.

8. Designspiration

Сервис позволяет найти изображения под определённую палитру.

9. Colorful Gradients

Подборка сгенерированных градиентов.

10. BrandColors

Сервис позволяет посмотреть коды цветов, которые используют в своём фирменном стиле крупные бренды.