RGB 转 HSL 颜色转换器
将 RGB 转换为 HSL，方便做色相、饱和度、亮度调整和配色分析。
颜色预览#3b82f6
示例颜色
当前 RGB 值有效，HSL 结果已准备好用于调色。
使用说明
- 输入或粘贴一个 RGB 颜色值。
- 工具会自动把它转换成 HSL 格式。
- 复制 HSL 结果用于 CSS 或配色实验。
- 通过颜色预览确认视觉效果。
- 切换示例值，观察不同颜色在 HSL 下的变化。
关于 RGB 转 HSL
为什么设计中常用 HSL？
HSL 把色相、饱和度和亮度分开表示，更利于做层级色板、主题色微调和配色关系判断，特别适合界面设计。
RGB 与 HSL 的区别
RGB 强调红绿蓝三个光学通道，而 HSL 更强调视觉感知中的色相位置、色彩强度和明暗程度，因此用途侧重点不同。
主要特性
- • 即时 RGB 转 HSL
- • 内置示例颜色
- • 结果可一键复制
- • 实时颜色预览
常见应用
- • 构建层级色板
- • 微调 UI 主题色
- • 实验配色方案
- • 生成 HSL 变量
使用提示
HSL 更适合直接调节色相、饱和度和亮度，比 RGB 更符合很多设计场景的思考方式。