RGB to HSL
每种颜色格式只是用不同语言描述同一件事：HEX 用于样式表，RGB 用于屏幕与代码，HSL 便于构建调色板，CMYK 用于印刷。选择你需要的转换，获得精确值、实时预览与背后的公式。
同一颜色的全部格式
同一个颜色的 HEX、RGB、HSL、CMYK 四种写法，任意复制。
RGB 转 HSL
RGB 转换会先把数值归一化为 sRGB 三通道（红、绿、蓝，0–255），再按 HSL 的规则编码。两种写法描述的是同一个像素，因此颜色本身不会改变。
1
读取输入
把 RGB 拆成各通道数值（十六进制位对、整数或百分比）。
2
归一化为 sRGB
将各通道缩放到 0–255，避免多次舍入累积误差。
3
编码为 HSL
按 HSL 写法输出结果，复制到样式表或设计工具。
换算公式
rgb(255, 87, 51) → sRGB rgb(255,87,51) → HSL hsl(11, 100%, 60%)
计算示例
rgb(255, 87, 51) = #FF5733 = hsl(11, 100%, 60%)
通道取整到整数；如需回算，请使用同一工具以减少偏差。
RGB 转 HSL 对照表
用同一公式换算的常用值。
| 输入（RGB） | 结果（HSL） | |
|---|---|---|
rgb(255,87,51) | hsl(11, 100%, 60%) | |
rgb(79,70,229) | hsl(243, 75%, 59%) | |
rgb(46,204,113) | hsl(145, 63%, 49%) | |
rgb(52,152,219) | hsl(204, 70%, 53%) | |
rgb(231,76,60) | hsl(6, 78%, 57%) | |
rgb(25,174,153) | hsl(172, 75%, 39%) | |
rgb(155,89,182) | hsl(283, 39%, 53%) | |
rgb(243,156,18) | hsl(37, 90%, 51%) | |
rgb(52,73,94) | hsl(210, 29%, 29%) | |
rgb(233,31,99) | hsl(340, 82%, 52%) | |
rgb(0,0,0) | hsl(0, 0%, 0%) | |
rgb(255,255,255) | hsl(0, 0%, 100%) |
全部转换
常见问题
RGB 转 HSL 会改变颜色吗？
不会。两种格式描述的是同一个 sRGB 颜色，只是写法不同。
为什么我的 HSL 值和别的转换器不一样？
是舍入差异。其他工具可能在不同步骤取整或使用不同白点；本站遵循 CSS Color 4 与 D65。
HSL 值可以直接写进 CSS 吗？
可以。HSL 是 CSS 原生或广泛支持的写法，适用于样式表、canvas 与设计工具。
印刷应该用哪种格式？
印刷用 CMYK，屏幕用 RGB/HEX。CMYK 是近似值，最终稿件请按印刷配置转换。