Конвертер HEX в HSL

HSL описывает цвет углом тона и процентами насыщенности и светлоты. Сначала HEX читается как RGB, затем каждый канал нормализуется в диапазон 0–1.

Разобранный пример

Вход
#336699
Результат
hsl(210, 50%, 40%)
Расчёт
max = 0.6; min = 0.2; L = 40%; S = 50%; H = 210°

Как работает преобразование

Найдите максимальный и минимальный нормализованные каналы RGB. Их середина задаёт светлоту, разность — насыщенность, а максимальный канал — сектор тона.

Важное примечание

HSL удобен для вариаций, но одинаковая светлота HSL не гарантирует одинаковую воспринимаемую яркость или доступный контраст.

Открыть пример в инструменте цвета