检测颜色对比度是否满足 WCAG

计算前景/背景对比度，并对照 WCAG AA / AAA

前景色

背景色

对比度

18.88:1

AA 正文 (4.5:1)通过

AA 大字 (3:1)通过

AAA 正文 (7:1)通过

AAA 大字 (4.5:1)通过

正文字样

大字字样

The quick brown fox jumps over the lazy dog. 0123456789

阈值依据 WCAG 相对亮度指引。本工具不做法律层面的无障碍合规认证。

工具简介

对比度检测计算前景与背景的 WCAG 对比度，并显示常见 AA/AAA（正文/大字）是否通过。计算在浏览器本地完成。结果仅供参考，不是法律层面的无障碍合规证书。

Q1: AA 和 AAA 是什么？

AA：正文至少 4.5:1（大字 3:1）。AAA 更严：正文 7:1，大字 4.5:1。

Q2: 什么是大字？

WCAG 大约将 18pt 以上常规字或 14pt 以上粗体视为大字。

Q3: 通过就代表完全无障碍吗？

不。对比度只是因素之一，本工具不认证完整合规。

Q4: 颜色会上传吗？

不会。计算在浏览器本地完成。

Q5: 用什么公式？

WCAG 2.x 的相对亮度与对比度公式。