HSL 转 RGB
输入色相、饱和度和亮度，获得对应的 0 到 255 红、绿、蓝通道值。
文件始终保留在您的设备上完全免费
#FF3D77
hsl 输入
结果 · RGB
rgb(255, 61, 119)
HEX
#FF3D77
HSL
hsl(342, 100%, 62%)
HSV
hsv(342, 76%, 100%)
CMYK
cmyk(0%, 76%, 53%, 0%)
使用方法: HSL 转 RGB
- 1
输入颜色
输入颜色代码或使用取色器选择颜色，每个字段都接受其所显示的格式。
- 2
查看转换结果
结果会在您输入时即时更新，同时显示颜色的实时预览。
- 3
复制代码
一键复制所需的数值，并粘贴到您的设计、CSS 或印刷设置中。
从 HSL 到 RGB
HSL 是一种设计颜色的便捷方式：先在色轮上选择色相（0° 为红色，120° 为绿色，240° 为蓝色），再设置饱和度——颜色有多鲜艳——以及亮度，0% 为黑色，50% 为纯色相，100% 为白色。然而显示器使用的是 RGB，即红、绿、蓝子像素的亮度，所以 HSL 颜色在显示之前总要先经过转换。
当软件不接受 HSL 时，就需要 RGB 值：许多图形编辑器、安卓和 iOS 的颜色 API、LED 灯带、游戏引擎和图表库都要求提供三个通道数值。输入三个 HSL 数值，工具就会显示 RGB 结果以及 HEX、HSV 和 CMYK。例如，hsl(200, 80%, 40%) 会得到 rgb(20, 129, 184)。由于 HSL 以整数输入，相邻的输入值有时会得到相同的 RGB 颜色。
所有处理都在您的浏览器本地完成，您的图片绝不会上传到服务器。