颜色
取色器
选个颜色，得到 hex/rgb/hsl + 对比度。
s
l
- rgb
- 155, 107, 90
- hsl
- 16°, 27%, 48%
- 对白色
- 4.52 · AA
- 对黑色
- 4.64 · AA
关于
选取任意颜色，查看它的 hex、RGB 和 HSL 值，以及对黑色和白色的 WCAG 对比度。
怎么用
- 点击色块打开系统取色器，或直接输入 hex 代码。
- 读取 RGB 和 HSL 值。
- 查看对黑色和白色的 WCAG 对比度。
示例
- 确认品牌色在你的背景上达到 AA 对比度。
- 把 Photoshop 里的 HSL 转成 CSS 需要的 hex 代码。
- 调整色相，凭眼睛找互补色。
常见问题
AA / AAA 是什么意思？
WCAG 对比度等级。AA 要求正文 4.5:1、大字 3:1。AAA 要求 7:1 — 最高标准。
为什么有两个对比度读数？
好让你一眼看出那个背景上该用黑字还是白字。