颜色转换器

HEX、RGB、HSL——改任何一栏,其余实时跟随。点色板取色或直接输数值,一键复制 CSS 格式。

HEX

RGB

HSL

常见问题

什么时候用 HSL 比 HEX 好?

HSL 把色相、饱和度、明度拆开——比如让 hover 状态"亮 10%"只需改一个数字,不用做十六进制心算。

转换是精确的吗?

HEX 和 RGB 完全等价。HSL 数学上等价但取整到整度数/百分比——往返转换每通道最多差 1/255。

复制出来是 CSS 格式吗?

是的:#3B62F6、rgb(59, 98, 246)、hsl(228, 85%, 60%)——直接粘进样式表。