悦省

颜色格式转换器(HEX / RGB / HSL)

把颜色在 HEX、RGB、HSL 三种写法之间互换,并给出相对亮度,用来判断该配深色还是浅色文字。支持 #RGB、#RRGGBB 和 rgb(12, 34, 56) 三种输入,调样式时不用再切到设计软件。

怎么用
  • 输入 #RRGGBB、#RGB 或 rgb(12, 34, 56) 形式的颜色值。
  • 结果同时给出 HEX、RGB、HSL 和相对亮度,以及配深色还是浅色文字的建议。
  • 只改一个通道再输入一次,就能对比相邻色值的差别。

常见问题

支持透明色和 HSL 输入吗?

只支持一部分。rgba() 只取前三个通道,透明度会被忽略;8 位十六进制(#RRGGBBAA)会提示格式错误。HSL 只能作为输出,不能作为输入。

相对亮度怎么用?

按 WCAG 的相对亮度系数(0.2126R+0.7152G+0.0722B)换算后除以 255,超过 0.5 就建议用深色文字,否则用浅色。它只是粗判,正式的无障碍检查请核对 WCAG 的对比度比值。

为什么 3 位写法也能算?

#abc 会先展开成 #aabbcc 再换算,和设计软件的行为一致。