颜色格式转换
HSL 转 HEX：HSL 与 HSLA 转十六进制颜色
将 HSL 和 HSLA 颜色转换为 HEX、RGB 与 OKLCH。用滑块调整色相、饱和度和亮度，立即复制 CSS 可用的十六进制色值。
°
%
%
结果
hsl(217 91% 60%)如何使用
HSL 用色相（0–360°）、饱和度和亮度描述颜色，直观易懂。拖动滑块或输入精确数值，工具会立即更新 HEX、带透明度的八位 HEX、RGB 和 OKLCH。
- 1 设置色相、饱和度和亮度。
- 2 按需降低 Alpha 获得透明效果。
- 3 复制 HEX、HEX8、RGB 或 OKLCH 结果。
常见问题
HSL 各数值代表什么？
色相是色轮上的角度；饱和度表示从灰色（0%）到纯色（100%）的强度；亮度从黑色（0%）经过纯色（50%）到白色（100%）。
怎样把 HSLA 转成 HEX？
把 Alpha 设为小于 1，工具会输出八位 HEX，例如 #3B82F680，最后两位存储透明度。
为什么 HSL 转 HEX 会有取整？
HEX 只能存储 0–255 的整数 RGB 值，因此 HSL 会被取整到最接近的 RGB 颜色。
HSL 是感知均匀的吗？
不是。50% 亮度的黄色看起来比 50% 亮度的蓝色亮得多。需要均匀的色阶时请使用 OKLCH，工具也会一并输出。