颜色对比度检查器

检查颜色对比度比以符合无障碍访问标准(WCAG)。确保您的设计对所有人都可读。

color contrast checkeraccessibility checkerwcag compliancecolor contrast ratioweb accessibility

Sample Text for Contrast Testing

Foreground Color

Background Color

WCAG Compliance Level

示例

Example 1

Check text readability on website backgrounds

Click "Example 1" above to load

Example 2

Ensure mobile app colors meet accessibility standards

Click "Example 2" above to load

Example 3

Test brand colors for inclusive design

Click "Example 3" above to load

A: AA and AAA compliance for normal and large text.

A: Yes, test foreground/background pairs and save results.

A: Yes, get suggestions for more accessible alternatives.