◑

对比度检查器

检查前景色与背景色的对比度，验证 WCAG AA 和 AAA 无障碍合规性。

Foreground

Background

Normal text sample — The quick brown fox jumps over the lazy dog.

Large text sample (18px+)

Contrast Ratio21.00:1

WCAG AANormal Text (≥4.5:1)✓ Pass

WCAG AALarge Text (≥3:1)✓ Pass

WCAG AAANormal Text (≥7:1)✓ Pass

WCAG AAALarge Text (≥4.5:1)✓ Pass

使用说明

输入前景色（文字颜色）和背景色
工具自动计算对比度比值
查看是否符合 WCAG AA/AAA 无障碍标准

常见问题

什么是对比度检查工具?: 根据 WCAG 标准计算两种颜色之间的对比度，帮助确保文字在背景上清晰可读，满足无障碍设计要求。
WCAG AA 和 AAA 有什么区别?: AA 要求普通文字对比度 ≥ 4.5:1，大文字 ≥ 3:1；AAA 要求更严格，普通文字 ≥ 7:1，适用于无障碍要求更高的场景。
数据安全吗?: 完全安全，所有计算在浏览器本地完成，无需联网。