Каждый цвет — расшифрован
Значения HEX, RGB, HSL, CMYK. Цветовые гармонии, оттенки Tailwind, контраст WCAG.
Введите любой 6-значный HEX-код
Избранные цвета
Избранные бренды
Все →
Organize the world's information
4 цвета
Apple
Think different
3 цвета
Microsoft
Empower every person and organization
4 цвета
Amazon
Work hard. Have fun. Make history.
2 цвета
Meta
Helping people connect
1 цвет
Bringing the world closer together
2 цвета
YouTube
Broadcast yourself
1 цвет
Capture and share the world's moments
3 цвета
Избранные коллекции
Все →Инструменты для работы с цветом
Все →Проверка контрастности
Проверяйте коэффициенты контрастности цветов в соответствии с рекомендациями WCAG 2.1. Тестируйте соответствие AA и AAA для обычного и крупного текста.
Конвертер цветов
Мгновенно конвертируйте между цветовыми форматами HEX, RGB, HSL, HSV, CMYK и OKLCH.
Генератор палитр
Генерируйте гармоничные цветовые палитры, используя комплементарные, аналоговые, триадные и расщеплённо-комплементарные схемы.
Генератор оттенков
Генерируйте шкалы оттенков в стиле Tailwind CSS (50–950) из любого базового цвета для дизайн-систем.
Симулятор цветовой слепоты
Имитируйте, как цвета выглядят при дейтеранопии, протанопии, тританопии и ахроматопсии.
Генератор градиентов
Создавайте красивые CSS линейные и радиальные градиенты с живым предпросмотром и готовым к копированию кодом.
Последние статьи
Все →WCAG AA vs AAA: Contrast Requirements Compared
WCAG AA requires 4.5:1 contrast for normal text, AAA requires 7:1. A side-by-side comparison of both levels, their exceptions, and when each applies.
Авг 20, 2026
УрокиCSS color-mix(): нативное смешивание цветов в браузере
Изучите CSS color-mix() для нативного смешивания цветов в браузере. Освойте синтаксис, цветовые пространства, практические кейсы и создавайте динамические
Янв 26, 2026
УрокиСоздание веб-компонента выбора цвета с нуля
Создайте доступный выбор цвета в виде Web Component. Реализуйте рендеринг на canvas, ползунки оттенка, альфа-канал и пользовательские события через Shadow DOM.
Янв 21, 2026
УрокиПерцептивные Цветовые Пространства: Lab, LCH, Oklab, OKLCH
Перцептивно равномерные цветовые пространства — CIE Lab, LCH, Oklab и OKLCH. Принципы разработки, преимущества каждого и выбор для CSS и дизайна.
Янв 15, 2026