Как пользоваться
- Введите цвет в текстовое поле или выберите его палитрой.
- Ниже появятся шесть форматов, у каждого своя кнопка Копировать.
Поле принимает #rgb, #rrggbb, rgb(), hsl(), hsv(), cmyk() и oklch(); числа можно разделять запятыми или пробелами, единицы % и deg необязательны. Это синтаксис CSS, поэтому дробную часть пишите через точку: oklch(55% 0.17 262).
Как работает перевод
- HSL и HSV — та же информация, что в RGB, но разложенная на тон (угол на цветовом круге), насыщенность и светлоту (или яркость).
- CMYK считается так:
K = 1 − max(R, G, B), остальные каналы делятся на оставшуюся долю. - OKLCH: sRGB переводится в линейный свет, затем в пространство Oklab, а затем в полярную форму — светлота, насыщенность, тон.
Пример
Синий #3366cc — это rgb(51, 102, 204), hsl(220, 60%, 50%), hsv(220, 75%, 80%), cmyk(75%, 50%, 0%, 20%) и oklch(53.2% 0.168 262.3). То есть его светлота в OKLCH — 53,2 %, а тон — 262,3°. Чистый красный #ff0000 — oklch(62.8% 0.258 29.2).
Советы
- У серых цветов тона нет, он показывается как 0.
- Прозрачность (альфа-канал) не учитывается: вводите непрозрачный цвет.
- Для печати уточняйте CMYK у типографии: под их профиль значения будут другими.