HEX 转 HSL 颜色转换器 — 免费在线

如何把HEX转换为HSL

即时把HEX颜色代码转换为HSL。输入 HEX 或 RGB 值，或拖动滑块，所有格式同时更新，并提供颜色预览、换算公式和常用颜色表。

1. 在上方对应的输入框中输入或粘贴HEX值，例如 #3B82F6。
2. HSL值立即更新：#3B82F6 即 hsl(217, 91%, 60%)。其他格式和颜色预览也会一起更新。
3. 把HSL值复制到你的 CSS、设计工具或代码中。

HEX转HSL的公式

把红、绿、蓝换算到 0–1。亮度是最大和最小通道的平均值，饱和度随两者差距增大而增大，色相是最强通道在 360° 色轮上的位置：

#3B82F6 → hsl(217, 91%, 60%)

常用颜色的HEX和HSL

什么是HEX和HSL

HEX 颜色是 # 加六位十六进制数：红、绿、蓝各两位，从 00（无）到 FF（满）。这是 CSS 和设计工具中最常用的颜色写法。

HSL 用色相（色轮上 0 到 360 的角度）、饱和度和亮度（均为百分比）描述颜色，便于调出同一颜色更亮、更暗或更柔和的版本。