Кожен колір — із готовим кодом

Відкрийте будь-який відтінок, щоб отримати його значення 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)

Блакитно-зелений

Блакитно-фіолетовий

Вода пляжа Бонді

Блакитний Брандейса

Латунний

Яскраво-зелений

Яскраво-рожевий

Яскраво-бірюзовий

Відкрити повний каталог