Каждый цвет — с готовым кодом

Откройте любой оттенок, чтобы получить его значения HEX, RGB, HSL и CMYK, восемь цветовых гармоний, 48 CSS-градиентов и проверенные сочетания — всё копируется одним кликом.

Открыть полный каталог Подборки

1 654

цветов

79 392

CSS-градиентов

13 232

палитр

34

подборок

Градиенты дня

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

Намек Зеленого Светлый · 180°

Голубой Алмаз Раздельно-комплементарный · 45°

Подводная пучина Комплементарный · 270°

Восточный Бухта Триадический · 135°

Восточный синий Тёмный · 0°

Волшебная Мята Раздельно-комплементарный · 225°

Светлая ячменная Аналоговый · 90°

Вниз по реке Триадический · 315°

Зачем нужен ColorTag

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

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

Подробнее о проекте →

Статьи

Все статьи →

Подробные материалы о теории и практике цвета

Как работать с пастельными цветами Что делает цвет пастельным, как собрать пастельную палитру, которая не выглядит выцветшей, и как сохранить читаемость текста и заметность акцентов на мягких фонах. 15 октября 2026 · 3 мин чтения Психология цвета в брендинге: что подтверждается, а что нет Трезвый взгляд на психологию цвета: какие цветовые ассоциации надёжны, какие популярные утверждения — мифы, как культура и контекст меняют значение и как использовать это при выборе фирменных цветов. 12 октября 2026 · 4 мин чтения Цветовая система на собственных свойствах CSS Как превратить палитру в поддерживаемый CSS: примитивные и семантические токены, шкалы 50–900, color-mix() и OKLCH, темы и ошибки в именовании, которых стоит избегать. 8 октября 2026 · 3 мин чтения Дизайн с учётом дальтонизма У кого бывают нарушения цветового зрения, какие пары цветов создают проблемы и практические приёмы — дублирование, контраст светлоты, безопасные палитры и инструменты проверки — чтобы интерфейсы и графики работали для всех. 5 октября 2026 · 3 мин чтения Как подобрать цвета для тёмной темы Почему тёмная тема — не инвертированная светлая: серые фоны, прозрачность текста, приглушённые акценты, глубина без теней и CSS для правильного переключения тем. 1 октября 2026 · 3 мин чтения CSS-градиенты: практическое руководство Линейные, радиальные и конические градиенты в CSS, цветовые точки и резкие границы, как избежать грязной середины, полос и проблем с контрастом текста — с готовыми примерами. 28 сентября 2026 · 4 мин чтения

Подборки

Подборки →

Цвета сами группируются по оттенку, тону, температуре и поведению в интерфейсе

Оттенки красного
157 цветов Оттенки оранжевого
187 цветов Оттенки коричневого
153 цвета Оттенки жёлтого
187 цветов Оливковые оттенки
45 цветов Лаймовые оттенки
57 цветов Оттенки зелёного
138 цветов Бирюзовые оттенки
85 цветов Голубо-циановые оттенки
82 цвета Лазурные оттенки
69 цветов Оттенки синего
59 цветов Тёмно-синие оттенки
74 цвета

Каталог цветов

1 654

Все 1654 оттенков в привычном для дизайнеров порядке

Воздушно-синий

Синяя Элис

Ализариновый красный

Амарантовый

Амарантово-розовый

Янтарный

Темный янтарь

Аметистовый

Зелёный Андроида

Абрикосовый

Циан, Цвет морской волны

Аквамариновый

Армейский зелёный

Мышьяковый серо-синий

Оранжево-розовый

Красновато-каштановый

Лазурный, Азур

Небесная лазурь

Светлый циан

Сине-серый Крайола

Пигментный синий

Чистый синий (RYB)

Сине-зелёный

Сине-лиловый

Известковая глина

Воды пляжа Бонди

Ярко-лазурный

Латунный

Ярко-зеленый

Ярко-розовый

Ярко-бирюзовый

Открыть полный каталог