HEX 转 HSL
精确地将十六进制颜色代码转换为 HSL 值，非常适合颜色处理和设计系统
颜色转换器
颜色结果
HSL Values
0° = Red, 120° = Green, 240° = Blue
0% = Gray, 100% = Full color
0% = Black, 100% = White
RGB Equivalent
rgb(255, 255, 255)
hsl(0, 0%, 100%)
转换示例
红色的
HEX: #FF0000
HSL: 0°, 100%, 50%
绿色的
HEX: #00FF00
HSL: 120°, 100%, 50%
蓝色的
HEX: #0000FF
HSL: 240°, 100%, 50%
黄色的
HEX: #FFFF00
HSL: 60°, 100%, 50%
品红
HEX: #FF00FF
HSL: 300°, 100%, 50%
青色
HEX: #00FFFF
HSL: 180°, 100%, 50%
推荐工具
关于此工具
我们的 HEX 到 HSL 转换器将十六进制颜色代码转换为 HSL（色调、饱和度、亮度）颜色模型，这对于颜色处理和创建一致的配色方案特别有用。
HSL represents colors in a way that aligns more naturally with human perception of color. Hue corresponds to the color's position on the color wheel (0° to 360°), saturation refers to the color's intensity (0% to 100%), and lightness determines how light or dark the color appears (0% to 100%).
这种转换对于使用 CSS 的 Web 开发者和设计师来说尤其有用，因为 HSL 允许直观地调整颜色。修改单个组件（色相、饱和度或亮度）即可产生可预测的结果，从而更轻松地创建颜色变化和和谐。
转换过程首先将 HEX 转换为 RGB，然后使用行业标准算法将 RGB 转换为 HSL，以准确地保留不同颜色模型之间的颜色完整性。