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