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