无障碍颜色对比度检查器

免费在线 WCAG 颜色对比度检查工具。计算对比度比率，验证 AA/AAA 合规性，预览文本可读性，并模拟色盲效果以实现无障碍设计。

Pick

Foreground (Text)

Pick

Background

Large Heading Text

Large Text (18px+ bold)

Normal body text — The quick brown fox jumps over the lazy dog. Check if this is readable against the background color.

Contrast Ratio

14.63:1

WCAG AA

Normal text (≥4.5:1)

Large text (≥3:1)

WCAG AAA

Normal text (≥7:1)

Large text (≥4.5:1)

Color Blindness Simulation

Protanopia (red-blind)

Sample text preview

Ratio: 15.36:1AA Pass

Deuteranopia (green-blind)

Sample text preview

Ratio: 15.69:1AA Pass

Tritanopia (blue-blind)

Sample text preview

Ratio: 13.31:1AA Pass