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