颜色对比度检查器
颜色
选择前景色和背景色，即可查看精确的 WCAG 对比度，并即时显示在普通和大号文字下 AA 与 AAA 的通过/未通过。实时预览展示该组合的真实效果。完全在你的浏览器中运行。
—
前景（文字）
背景
对比度
14.68:1
AA 普通✓ 通过
AA 大号✓ 通过
AAA 普通✓ 通过
AAA 大号✓ 通过
预览
视觉无障碍设计让人人都能轻松阅读
视觉无障碍设计让人人都能轻松阅读
使用方法
- 选择前景（文字）颜色。
- 选择背景颜色。
- 查看对比度及 AA/AAA 结果。
- 通过实时预览检查可读性。
常见问题
- AA 和 AAA 要求多少对比度？
- AA 要求普通文字 4.5:1、大号文字 3:1；AAA 分别要求 7:1 和 4.5:1。
- 什么算大号文字？
- 大约 18pt（24px）及以上，或 14pt（18.66px）加粗及以上。
- 对比度如何计算？
- 根据每种颜色的相对亮度，使用官方 WCAG 2 公式计算。
- 支持透明度吗？
- 不支持，它比较不透明颜色。请先将透明度与真实背景合成。