HEX to HSL Converter
Convert HEX colors to HSL instantly
已识别: hex
支持 HEX、RGB、HSL、HWB、Lab、LCH、Oklab、OKLCH、Display P3 和 CSS 颜色名
#5CCC7FFF
H139°
透明度100%
预览
浅色背景
深色背景
所有处理都在您的浏览器本地完成。
hex
hsl
HSL
HEX
RGB
OKLCH
HEX + AlphaRRGGBBAA
RGB + Alpha
HSL + Alpha
CSS HEX 使用 RRGGBBAA；Android 和 Flutter 使用 AARRGGBB。
最近颜色
转换后的颜色会显示在这里。
概览
将 HEX 颜色直接转换为 HSL，并在目标语法支持时保留 sRGB 颜色和透明度。本页以 HEX 为初始输入，并优先显示 HSL 结果。
工作方式
输入 HEX，例如 #5CCC7F。浏览器引擎会验证通道，通过统一颜色模型转换，并即时更新 HSL、预览、对比度和其他开发格式。
示例与用途
在 CSS、设计交付、应用代码或印刷规范之间迁移颜色时使用 HEX 到 HSL 转换。颜色不会上传。
边界情况与限制
HEX 支持 3、4、6 和 8 位；8 位 CSS 值采用 RRGGBBAA 顺序。 HSL 色相按 360 度循环，饱和度和亮度必须使用百分比。
反向转换
需要反向转换？请使用链接的 HSL 到 HEX 转换器；切换后 URL、标题、初始输入和主要结果会保持一致。
