将 RGB 颜色值转换为 HSL（色相、饱和度、亮度）格式
格式转换
关于此工具
将 RGB 颜色值转换为 HSL（色相、饱和度、亮度）格式。将 RGB 和 RGBA 颜色转换为更直观的 HSL 和 HSLA 表示方式，便于调整亮度、饱和度以及创建 CSS 颜色变体。
主要功能
- 支持 RGB 和 RGBA 输入
- 输出 HSL 和 HSLA 格式
- 输出百分比和角度值
- 实时颜色预览色块
- 多种格式一键复制
- 输入时实时转换
使用场景
- 为 CSS HSL 用法转换颜色
- 直观调整颜色亮度和饱和度
- 从基础颜色创建颜色变体和调色板
- 将设计工具颜色转换为网页兼容格式
- 通过精确的亮度控制构建无障碍配色方案
rgb
hsl
color
converter
css
design
常见问题
什么是 HSL 格式？
HSL 代表色相、饱和度和亮度。色相以角度（0-360）表示，对应色轮上的位置。饱和度和亮度以百分比（0-100%）表示。HSL 在颜色操作方面通常比 RGB 更直观。
支持透明通道吗？
支持。当您输入 RGBA 值时，工具会输出包含透明通道的 HSLA 格式。透明度值会从输入中保留。
RGB 到 HSL 的转换精度如何？
转换使用标准的 RGB 到 HSL 色彩空间变换数学公式。色调计算到最接近的度数，饱和度和亮度到最接近的百分比。结果精确，与行业标准色彩转换工具一致。
可以看到转换后值的颜色预览吗？
可以。工具显示实时颜色预览色块，在更改 RGB 或 HSL 值时即时更新。这种视觉反馈帮助你确认转换后的颜色在使用前符合预期。
我也可以输入 HSL 值来获取 RGB 吗？
可以，该工具支持双向转换。您可以在输入框中输入 HSL 值，工具会将其转换回 RGB，同时显示对应的 HEX 代码和颜色预览。