Создавайте комплементарные, триадные, аналогичные и раздельно-комплементарные палитры из любого базового цвета. Нажмите на образец, чтобы скопировать его hex-код.
Цветовая гармония — это комбинация цветов, которые приятно смотрятся вместе, исходя из их положения на цветовом круге. Дополнительные цвета расположены друг напротив друга, триадные цвета расположены равномерно под углом 120°, а аналогичные цвета располагаются рядом.
Выберите базовый цвет и тип гармонии. Инструмент вращает ваш цвет вокруг колеса HSL, чтобы создать соответствующую палитру, отображая каждый образец с его шестнадцатеричным кодом. Щелкните любой образец, чтобы скопировать его в буфер обмена.
Цветовая гармония — это свод правил о том, какие цвета хорошо сочетаются, выведенный из геометрии цветового круга. Каждая гармония — фиксированный узор углов от базового оттенка: комплементарная на 180°, триадная на 120°, аналоговая в пределах 30° и так далее. Поскольку узор геометрический, любой базовый цвет мгновенно даёт рабочую палитру — гармонии ощущаются «правильными», потому что человеческий глаз обрабатывает отношения оттенков одинаково, каким бы ни был исходный цвет.
Комплементарные пары отстоят на 180° — красный и зелёный, синий и оранжевый, жёлтый и фиолетовый — и создают максимум энергии и контраста. Разделённо-комплементарная смягчает столкновение: вместо точного противоположного берут двух соседей противоположного (база + 150° + 210°). Вы сохраняете живость контрастной пары, но теряете жёсткую вибрацию — это один из самых безопасных выборов для интерфейсов, которым всё же нужно выделяться.
Аналоговые схемы берут 3–5 соседних оттенков круга, все в пределах примерно 60° — синий, сине-зелёный и зелёный, например. Они выглядят спокойными, цельными и естественными, потому что соседние оттенки делят пигменты. Монохромная идёт дальше: один оттенок в разных тинтах, шейдах и насыщенностях. Обе почти невозможно испортить, поэтому они — выбор по умолчанию для дашбордов, визуализации данных и брендов, которые хотят выглядеть стабильными и надёжными.
Триадные гармонии расставляют три цвета равномерно на 120° — классические красный/жёлтый/синий. Они яркие и сбалансированные, идеальны для игривых брендов, иллюстраций и инфографики. Тетрадная (или двойная комплементарная) использует две комплементарные пары, образующие прямоугольник на круге — например синий, оранжевый, фиолетовый и жёлто-зелёный. Она даёт самую богатую палитру, но её труднее всего сбалансировать: пусть один цвет доминирует, а три остальных служат поддерживающими акцентами, иначе схема рассыплется в шум.
Подбирайте гармонию под задачу. Монохромная и аналоговая подходят профессиональным продуктам, здравоохранению и финансам — они читаются как спокойные и компетентные. Комплементарная работает для маркетинговых страниц и призывов к действию, где контраст привлекает внимание. Триадная подходит игривому или обучающему контенту. Разделённо-комплементарная — лучший универсал для веб-приложений: живая, но безопасная. Что бы вы ни выбрали, применяйте правило 60-30-10 — 60% доминанты, 30% вторичного, 10% акцента, — чтобы у палитры была иерархия, а не конкуренция.
От гжельской синевы до хохломского золота — русская палитра рождена народными промыслами, иконописью и северной природой. Эти цвета до сих пор вдохновляют дизайнеров по всему миру.
Алый цвет знамён, сарафанов и праздничной символики
Цвет полевых васильков — символ русских лугов
Золотой орнамент хохломской росписи
Кобальтовая синева гжельской керамики
Цвет уральских самоцветов и малахита
Тёмно-красный цвет театральных занавесов
Балтийский янтарь — золото Калининграда
Нежная сирень майских садов
Цвет иконописи и древних фресок
Белый снег русских зим