对比度检查
WCAG 颜色对比度检查器，输入前景与背景色即得对比度比值与 AA/AAA 通过情况。
纯浏览器本地运行，数据不上传服务器
—
对比度比值
—
正文 AA（4.5:1）
—
正文 AAA（7:1）
WCAG 2.1 标准：正文文本需 ≥ 4.5:1（AA）/ 7:1（AAA），大号文本（≥24px 或 ≥18.66px 加粗）标准为 3:1 / 4.5:1。对比度不足时建议加深前景色或提亮背景色。
使用说明
- 选择前景（文字）与背景颜色，对比度与通过标准实时计算。
- 色块展示文字在背景上的效果，可直接判断可读性。
- 适合页面配色、无障碍优化、按钮与表单设计。
常见问题
对比度怎么计算的？
按 WCAG 公式：先计算两色的相对亮度 L1/L2，比值 = (L1+0.05)/(L2+0.05)，L 基于 sRGB 线性化与感知权重。
怎么提升对比度？
文字加深、背景提亮，或减小透明度。避免浅灰配白底、深灰配黑底这类低对比组合。
图片上的文字怎么检查？
取图片上文字区域的平均颜色作为背景色输入即可；更严格的做法是给文字加半透明遮罩。