RGB 与 HSL 转换

RGB 与 HSL 颜色转换

可视化调整 RGB 通道，实时查看对应的 HEX、HSL、HSV 颜色值，方便前端开发者快速获取颜色代码。 相比直接填写数字，拖动滑块选色更加直观，适合在设计过程中反复微调。

三种颜色模型的区别

• HEX：网页最常用的十六进制颜色写法
• RGB：按红绿蓝三通道强度描述颜色
• HSL / HSV：按色相、饱和度、明度描述，更符合人眼选色习惯

常见用途

• 从设计稿取色后换算成其他格式
• CSS 样式编写时快速获得多种写法

调整结果可以直接复制使用，整个过程在浏览器本地完成。 HSL 方式尤其适合在确定色相后微调明暗与饱和度，调出协调的配色方案。