RGB 转 HSL
把红、绿、蓝数值转换为色相、饱和度和亮度，在 CSS 中调整颜色更轻松。
文件始终保留在您的设备上完全免费
#FF3D72
rgb 输入
结果 · HSL
hsl(344, 100%, 62%)
HEX
#FF3D72
RGB
rgb(255, 61, 114)
HSV
hsv(344, 76%, 100%)
CMYK
cmyk(0%, 76%, 55%, 0%)
使用方法: RGB 转 HSL
- 1
输入颜色
输入颜色代码或使用取色器选择颜色，每个字段都接受其所显示的格式。
- 2
查看转换结果
结果会在您输入时即时更新，同时显示颜色的实时预览。
- 3
复制代码
一键复制所需的数值，并粘贴到您的设计、CSS 或印刷设置中。
RGB 与 HSL 对比
RGB 用三个光通道构成颜色，适合屏幕显示，但手动调整起来很困难：要把 rgb(255, 61, 114) 调暗一点，就得同时修改三个数字。HSL 则把同一颜色描述为色相（色轮上 0 到 360° 的角度）加上以百分比表示的饱和度和亮度，于是这种粉色就变成了 hsl(344, 100%, 62%)。
这种结构让 HSL 非常适合制作色阶和主题。保持色相和饱和度不变、降低亮度，就能得到悬停或按下状态的颜色；提高亮度可得到带色调的背景；降低饱和度则能得到柔和的版本。所有现代浏览器都支持 CSS 中的 hsl()，因此可以直接粘贴结果。转换器会把数值四舍五入为整数，所以反向转换时某个通道可能会相差一个单位。
所有处理都在您的浏览器本地完成，您的图片绝不会上传到服务器。