HSL to HEX
Каждый формат цвета описывает одно и то же на другом языке: HEX для стилей, RGB для экранов и кода, HSL для палитр, CMYK для печати. Выберите нужное преобразование и получите точное значение, живой просмотр и формулу.
Этот цвет во всех форматах
Один и тот же цвет в HEX, RGB, HSL и CMYK. Копируйте любое значение.
Перевод HSL в HEX
Любое преобразование сначала нормализует HSL в триплет sRGB (красный, зелёный, синий по шкале 0–255), а затем кодирует его как HEX. Обе записи описывают один и тот же пиксель, поэтому видимый цвет не меняется.
Прочитать вход
Разобрать значение HSL на каналы (пары шестнадцатеричных цифр, числа или проценты).
Нормализовать в sRGB
Привести каждый канал к 0–255, чтобы ошибки округления не накапливались.
Закодировать в HEX
Вывести результат в записи HEX и вставить его в таблицу стилей или дизайн-инструмент.
Формула
hsl(9, 100%, 60%) → sRGB rgb(255,87,51) → HEX #FF5733
Пример расчёта
hsl(9, 100%, 60%) = #FF5733 = #FF5733
Каналы округляются до целых; для обратного перевода используйте тот же инструмент, чтобы избежать расхождений.
Таблица соответствия HSL → HEX
Распространённые значения, пересчитанные по той же формуле.
| Вход (HSL) | Результат (HEX) | |
|---|---|---|
hsl(11, 100%, 60%) | #FF5733 | |
hsl(243, 75%, 59%) | #4F46E5 | |
hsl(145, 63%, 49%) | #2ECC71 | |
hsl(204, 70%, 53%) | #3498DB | |
hsl(6, 78%, 57%) | #E74C3C | |
hsl(172, 75%, 39%) | #19AE99 | |
hsl(283, 39%, 53%) | #9B59B6 | |
hsl(37, 90%, 51%) | #F39C12 | |
hsl(210, 29%, 29%) | #34495E | |
hsl(340, 82%, 52%) | #E91F63 | |
hsl(0, 0%, 0%) | #000000 | |
hsl(0, 0%, 100%) | #FFFFFF |