颜色转换工具

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%) 等常见写法。

色阶是怎么来的?

保持色相与饱和度不变,生成不同亮度的同色系颜色,方便做背景、边框与悬停态。

颜色会上传吗?

不会,转换与取色都在浏览器本地完成。

相关工具