🌈 RGB 转 HSL

将 RGB 颜色值转换为 HSL 并反向转换。精确色彩空间转换。

RGB → HSL

输入 RGB 并点击转换。


反向:HSL → RGB

关于 RGB 转 HSL

这个工具将 RGB 颜色值(每通道 0–255)转换为 HSL(色相、饱和度、亮度)值,也可反向将 HSL 转 RGB。所有运算均在浏览器本地完成,数据不会离开你的设备。

RGB 与 HSL 的区别

RGB 通过红绿蓝分量的强度描述颜色;HSL 通过色相(在色环上的位置)、饱和度(颜色鲜艳程度)和亮度描述颜色。当你需要生成同一色相的浅色、深色或和谐配色时,HSL 更直观。

转换原理

RGB 先归一化到 0–1,再求最大与最小通道值。亮度是 max 与 min 的平均值;若 max 与 min 不同,则由差值推导饱和度和色相。反向转换时,色相被分成 6 个扇区,按分段线性插值重建各通道。

常见问题

支持负值或超范围值吗? 不支持。每个输入会被限制到有效范围(R/G/B 0–255,H 0–360,S/L 0–100)。

为什么 HSL 值是四舍五入的? 显示时做了取整以便阅读,但底层计算在最后一步前都是精确的。

反向转换是无损的吗? 不一定。HSL 能表示的色相少于 RGB,因此某些往返转换会得到略有不同的 RGB 值,这是正常现象。