RGB to HSL
Каждый формат цвета описывает одно и то же на другом языке: HEX для стилей, RGB для экранов и кода, HSL для палитр, CMYK для печати. Выберите нужное преобразование и получите точное значение, живой просмотр и формулу.
Этот цвет во всех форматах
Один и тот же цвет в HEX, RGB, HSL и CMYK. Копируйте любое значение.
Перевод RGB в HSL
Любое преобразование сначала нормализует RGB в триплет sRGB (красный, зелёный, синий по шкале 0–255), а затем кодирует его как HSL. Обе записи описывают один и тот же пиксель, поэтому видимый цвет не меняется.
Прочитать вход
Разобрать значение RGB на каналы (пары шестнадцатеричных цифр, числа или проценты).
Нормализовать в sRGB
Привести каждый канал к 0–255, чтобы ошибки округления не накапливались.
Закодировать в HSL
Вывести результат в записи HSL и вставить его в таблицу стилей или дизайн-инструмент.
Формула
rgb(255, 87, 51) → sRGB rgb(255,87,51) → HSL hsl(11, 100%, 60%)
Пример расчёта
rgb(255, 87, 51) = #FF5733 = hsl(11, 100%, 60%)
Каналы округляются до целых; для обратного перевода используйте тот же инструмент, чтобы избежать расхождений.
Таблица соответствия RGB → HSL
Распространённые значения, пересчитанные по той же формуле.
| Вход (RGB) | Результат (HSL) | |
|---|---|---|
rgb(255,87,51) | hsl(11, 100%, 60%) | |
rgb(79,70,229) | hsl(243, 75%, 59%) | |
rgb(46,204,113) | hsl(145, 63%, 49%) | |
rgb(52,152,219) | hsl(204, 70%, 53%) | |
rgb(231,76,60) | hsl(6, 78%, 57%) | |
rgb(25,174,153) | hsl(172, 75%, 39%) | |
rgb(155,89,182) | hsl(283, 39%, 53%) | |
rgb(243,156,18) | hsl(37, 90%, 51%) | |
rgb(52,73,94) | hsl(210, 29%, 29%) | |
rgb(233,31,99) | hsl(340, 82%, 52%) | |
rgb(0,0,0) | hsl(0, 0%, 0%) | |
rgb(255,255,255) | hsl(0, 0%, 100%) |