颜色转换工具
HEX / RGB / HSL 互转,配合取色器与明暗色阶,调色更方便。
有效颜色 ✓
HEX#6c5ce7
RGBrgb(108, 92, 231)
HSLhsl(247, 74%, 63%)
明暗色阶
颜色转换工具说明
做前端或设计时,常常需要在 HEX(十六进制)、RGB(红绿蓝)与 HSL(色相/饱和度/亮度)之间转换。 本工具输入任意一种格式,立即给出另外两种,并提供取色器与同色系明暗色阶,方便直接取用。
小知识
- HEX 适合写进 CSS,RGB 直观,HSL 更适合调整明暗与鲜艳度。
- 把亮度的几个档位一起用,能快速搭出一套协调的配色。
转换在浏览器本地完成,不上传数据。
常见问题
支持哪些输入格式?
支持 #fff、#ffffff、rgb(108,92,231)、hsl(249,73%,63%) 等常见写法。
色阶是怎么来的?
保持色相与饱和度不变,生成不同亮度的同色系颜色,方便做背景、边框与悬停态。
颜色会上传吗?
不会,转换与取色都在浏览器本地完成。