Как это работает
Введите цвет в любом распространённом формате или используйте палитру. Вы получите тот же цвет в форматах HEX, RGB, HSL и CMYK, коэффициент контраста с белым и чёрным текстом с соответствующим уровнем WCAG, а также ряд более светлых и тёмных оттенков, которые можно открывать нажатием.
Contrast ratio = (L1 + 0.05) ÷ (L2 + 0.05), where L is relative luminance
Как читать уровни контраста
- AAA (7:1 и выше): отличная читаемость основного текста.
- AA (4.5:1 и выше): минимум для обычного текста на сайтах.
- AA Large (3:1 и выше): только для крупных или жирных заголовков и значков.
- Ниже 3:1: многим людям трудно читать.
Советы
- Значения CMYK — это простое преобразование; принтеры используют цветовые профили, поэтому точные печатные цвета проверяйте по пробам.
- 8-значный HEX и rgba() включают прозрачность.
- Нажмите на любое значение, чтобы скопировать его.
Стандарты и источники
- Значения цвета соответствуют CSS Color Module Level 4 (sRGB)
- Коэффициенты и уровни контраста соответствуют WCAG 2.2 (W3C)
Last reviewed 7 октября 2026 г.
Часто задаваемые вопросы
Как конвертировать HEX в RGB?
Введите HEX-код, например #ff6600, и значение RGB появится мгновенно — в данном случае rgb(255, 102, 0).
Какой коэффициент контраста нужен?
WCAG требует минимум 4,5:1 для обычного текста (AA) и 7:1 для более строгого уровня AAA. Крупным заголовкам нужно 3:1.
Точны ли значения CMYK для печати?
Это прямое математическое преобразование. Реальная печать зависит от бумаги и красок, поэтому сверяйтесь с пробным оттиском.
Поддерживается ли прозрачность?
Да. 8-значный HEX, значения rgba() и hsla() сохраняют альфа-канал.
Как скопировать значение?
Нажмите на любое значение HEX, RGB, HSL или CMYK, чтобы скопировать его, или используйте кнопку копирования для всех сразу.