颜色对比度

输入前景色与背景色,即时计算两色的对比度比值,并按 WCAG 2.1 逐项给出普通文本、大号文本与非文本图形的 AA/AAA 判定结果,帮助你把控界面的可读性与无障碍水平,全部在浏览器本地完成。

选择两个颜色 已就绪

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

对比度与判定
示例文字 Aa 中文示例
对比度—
较亮色—
较暗色—
综合结论—
输入两个颜色,即可计算对比度比值并给出 WCAG 判定。

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

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