Конвертер цветов

HEX, RGB, HSL и HSV в одном месте. Палитра оттенков, контраст по WCAG и подбор читаемого цвета текста автоматически.

Цвет —
Значения
HEX#3d8be8
HEX (RGB)#3D8BE8
RGBrgb(61, 139, 232)
RGBArgba(61, 139, 232, 1)
HSLhsl(212, 79%, 57%)
HSLAhsla(212, 79%, 57%, 1)
HSVhsv(212, 74%, 91%)
CMYKcmyk(74%, 40%, 0%, 9%)
CSS#3d8be8
R61
G139
B232
Оттенки —

Клик по образцу копирует HEX и делает его текущим цветом.

Контраст и читаемый текст —
Текст на фоне
На чёрном—
На белом—
Рекомендуемый текст—
Крупный текст AA—
Обычный текст AA—
Обычный текст AAA—

Частые вопросы

Чем отличаются HSL и HSV?

HSL: H — тон, S — насыщенность, L — светлота, где 100% даёт белый. HSV/HSB: H — тон, S — насыщенность, V — значение, где 100% даёт максимально яркий цвет. HSV удобнее для выбора цвета на палитре, HSL — для генерации оттенков.

Как считается контраст по WCAG?

По относительной яркости двух цветов. Минимум 4.5:1 для обычного текста (AA), 7:1 для AAA, 3:1 для крупного текста и графики.

Почему HEX иногда трёхзначный?

#f0a — сокращённая форма #ff00aa, где каждая цифра дублируется. Конвертер принимает и трёхзначный, и шестизначный HEX.

Загружаются ли данные на сервер?

Нет, все преобразования выполняются в браузере.