颜色格式转换器(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 再换算,和设计软件的行为一致。