无障碍配色检查

输入前景色(文字色)与背景色,计算 WCAG 2.1 对比度比值,并判断是否满足 AA、AAA 在普通文本与大号文本下的可访问性要求,全部在浏览器本地完成。

配色输入 已就绪

支持 #RGB、#RRGGBB 与 rgb(r,g,b) 写法;修改颜色后会自动重新检查。

检查结果
示例文字 Aa 中文示例
对比度—
AA—
AAA—
当前等级—
输入前景色与背景色,即可检查对比度是否符合 WCAG 标准。

WCAG 2.1:普通文本 AA 需 ≥4.5、AAA 需 ≥7;大号文本 AA 需 ≥3、AAA 需 ≥4.5。

使用规则
  • 对比度公式:(L1 + 0.05) / (L2 + 0.05),其中 L1 为较亮色的相对亮度。
  • 相对亮度先对 sRGB 通道做伽马校正,再加权:0.2126R + 0.7152G + 0.0722B。
  • 标准参考值:纯黑 #000000 与纯白 #ffffff 的对比度为 21。
  • 判定阈值:普通文本 AA 4.5、AAA 7;大号文本 AA 3、AAA 4.5。
  • 本工具完全在浏览器本地运行,输入的颜色不会上传到任何服务器。