HSL to HEX Converter
Convert HSL colors to HEX instantly
HEX, RGB, HSL, HWB, Lab, LCH, Oklab, OKLCH, Display P3 и имена CSS
Все данные обрабатываются локально в браузере.
CSS HEX использует RRGGBBAA; Android и Flutter — AARRGGBB.
Преобразованные цвета появятся здесь.
Связанные инструменты
Обзор
Преобразуйте цвет HSL в HEX с сохранением sRGB и альфа-канала, если целевой синтаксис его поддерживает. Страница открывается с вводом HSL и ставит результат HEX первым.
Как это работает
Введите HSL, например hsl(139 52% 58%). Браузерный движок проверит каналы, выполнит преобразование через единую цветовую модель и обновит HEX, предпросмотр, контраст и другие форматы.
Примеры и применение
Преобразование HSL в HEX полезно между CSS, дизайн-макетами, кодом приложений и печатными спецификациями. Значение цвета не загружается.
Особые случаи и ограничения
Тон HSL цикличен по 360 градусам, а насыщенность и светлота задаются в процентах. HEX поддерживает 3, 4, 6 и 8 цифр; 8-значные CSS-значения используют порядок RRGGBBAA.
Обратное преобразование
Для обратного направления откройте связанный конвертер HEX в HSL. URL, заголовок, начальный ввод и главный результат сменятся вместе.
