1
选择颜色
用 hex 输入或颜色选择器设置前景色和背景色。一键交换颜色。
按 WCAG 无障碍标准检查文本与背景颜色。
Loading contrast checker…
1
用 hex 输入或颜色选择器设置前景色和背景色。一键交换颜色。
2
查看对比度比率及文本和 UI 的 AA/AAA 通过或失败徽章。
3
使用建议的 accessible 颜色或通过 URL 分享颜色组合。
可读文本建立信任 — 低对比度使用户受挫并损害转化。
WCAG 对比度帮助低视力、色觉缺陷和强光屏幕用户。
许多无障碍投诉和法律风险始于未通过基本对比度检查的颜色组合。
设计阶段检查对比度比上线后修复更快、更省成本。
使用此免费检查器进行快速验证,或与 Neurixmedia 合作提升网站的无障碍性、用户体验和转化率。
Yes. All Neurixmedia website utility tools are free to use with no signup required for core functionality.
Contrast ratio
21.00:1
The quick brown fox jumps over the lazy dog.
The quick brown fox jumps over the lazy dog.
The quick brown fox jumps over the lazy dog.
Heading sample