这个工具是什么
WCAG Contrast Checker 计算两个不透明颜色的对比度，提供实际文字预览，并分别显示普通文本与大字体的 AA / AAA 判断。本页检测颜色对比这一项，不能代表整个网站的完整无障碍评估。
如何使用
- 输入前景色和背景色，使用不透明的 3 位或 6 位 HEX。
- 观察文字在背景上的实际显示效果。
- 查看对比度和四项 Pass / Fail 判断。
- 调整配色后再次核对，并复制检测结果。
使用示例
- #000000 与 #ffffff → 21:1。
- 两种相同颜色 → 1:1。
- #777777 与 #ffffff → 约 4.48:1，低于 AA 普通文本 4.5:1 要求。
计算原理
先将 sRGB 通道除以 255。若 c ≤ 0.04045，线性通道为 c / 12.92，否则为 ((c + 0.055) / 1.055)^2.4。相对亮度 L = 0.2126R + 0.7152G + 0.0722B；对比度 = (较亮 L + 0.05) / (较暗 L + 0.05)。Pass / Fail 使用完整未舍入结果，显示时才四舍五入。
WCAG 2.x 文字对比度阈值
- AA 普通文本：至少 4.5:1。
- AA 大字体：至少 3:1。
- AAA 普通文本：至少 7:1。
- AAA 大字体：至少 4.5:1。
Large Text 通常指 18pt（24 CSS px）及以上，或 14pt（约 18.67 CSS px）及以上粗体。边界判断始终使用未四舍五入的对比度。
常见用途
- 核对按钮文字与背景配色。
- 检查主题中的普通文字和标题对比度。
- 对照 WCAG 文字对比度阈值调整设计。
隐私说明
所有输入、计算、CSS 生成和预览都在当前浏览器中完成，不会上传用户内容，不使用后台、数据库、在线 API 或第三方 CDN，也不会自动保存您的输入。
FAQ
什么是 WCAG 对比度？
它通过前景和背景的相对亮度衡量颜色差异，数值范围为 1:1 到 21:1。
4.5:1 是什么意思？
这是 WCAG AA 普通文本的最低对比度阈值，结果必须达到或超过 4.5 才通过。
AA 和 AAA 有什么区别？
对文字对比度而言，AAA 比 AA 要求更高：普通文本需 7:1，大字体需 4.5:1。
大字体的定义是什么？
通常是至少 18pt 的文字，或者至少 14pt 的粗体文字，分别约等于 24px 和 18.67px。
可以检测透明颜色或渐变吗？
本页只处理不透明实色。透明颜色需先合成到实际背景，渐变则应检查文字覆盖区域的最低对比度。