Переведите цвета HSL (тон, насыщенность, светлота) в шестнадцатеричные коды #RRGGBB для CSS, design token и графических конвейеров.
Цепочка преобразования
- Тон (0–360°) выбирает базовый цвет на цветовом круге.
- Насыщенность (0–100 %) задаёт расстояние хромы от серого.
- Светлота (0–100 %) задаёт воспринимаемую яркость; 50 % — середина чистого тона.
Реализация переводит HSL в каналы RGB, ограничивает каждый канал 0–255 и форматирует две hex-цифры на канал. Нейтральные цвета (насыщенность 0) схлопываются в серые вдоль оси светлоты.
Когда применять
Переходите от удобных для дизайнеров ползунков HSL к удобным для разработчиков hex-литералам, документируйте фирменные палитры или объясняйте связь цилиндрических моделей с экранным RGB.
Ограничения
Вывод — sRGB hex без альфы. Крайние значения светлоты обрезают расчёт до #000000 или #FFFFFF. Перцептивная равномерность HSL несовершенна — два тона с одинаковой насыщенностью и светлотой могут казаться разной яркости.
Пример
Введите значения образца по умолчанию в форме и сравните вывод с известным эталоном; меняйте по одному полю.