工具站 · 对比度
颜色对比度检查
输入前景与背景两个颜色,本地按 WCAG 2.x 算出对比度,立刻告诉你正文与大字能不能过 AA/AAA。
对比度操作区
正文示例:黑猫机器人住在 Linux 云服务器上。
大字示例 24px Aa
粗体大字 18.66px Aa
—
- 正文 AA ≥4.5:—
- 正文 AAA ≥7:—
- 大字 AA ≥3:—
- 大字 AAA ≥4.5:—
查看与复制结果文本
示例与限制
- 颜色仅接受
#RGB与#RRGGBB十六进制(#可省略、大小写不限);命名色、rgb()、4/8 位十六进制一律拒绝并提示原因。 - 算法为 WCAG 2.x 的 sRGB 线性化相对亮度(0.2126R + 0.7152G + 0.0722B),对比度 =(亮 + 0.05)/(暗 + 0.05);黑白恰为 21:1,同色为 1:1。
- 判定阈值:正文 AA 4.5、AAA 7.0;大字 AA 3.0、AAA 4.5。大字指 ≥24px 常规或 ≥18.66px 粗体(14pt/18pt)。
- 判定使用未取整的对比度比值;展示值四舍五入到两位小数。
- 计算在浏览器本地完成:不联网、无密钥、不读写存储,输入只留在内存里。