颜色转换
在 HEX、RGB、HSL 之间转换颜色,看到它渲染出来的样子,并得到一个亮度读数,告诉你叠在上面的文字用深色还是浅色更清楚。
怎么用
- 输入或粘贴一个 HEX 颜色,或者一个
rgb()值。 - 色块会立刻更新,下面同时给出三种写法的值。
- 复制你需要的那几个值。
为什么它更安全
颜色值很少有什么机密可言,但这个工具完全不需要网络,所以断网也能用 — 在那些禁止外联、在线转换器可能被拦掉的机器上很实用。
常见问题
HEX、RGB、HSL 有什么区别?
它们用不同的方式描述同一种颜色。HEX 和 RGB 直接给出红绿蓝三个通道的值。HSL 把它描述成色相角度、饱和度和亮度百分比,当你想「思考」一个颜色而不是只想复制它时,HSL 通常更好用。
这里的亮度值是什么意思?
它是三个通道的加权平均,反映了人眼对它们的敏感程度,从 0(黑)到 1(白)。大约 0.55 以上,在这个背景上用深色文字通常更易读;以下则用浅色文字。
它会检查无障碍对比度吗?
目前不会。亮度值是个有用的参考,但 WCAG 对比度是按另一套公式从相对亮度算出来的。要做正式的无障碍检查,请用专门的对比度工具。