🔍 颜色对比度检查器
检测前景色与背景色的对比度是否符合 WCAG AA/AAA 无障碍标准。前端开发和设计师必备，确保内容可读性。
黑/白
白/黑
灰/白
白/蓝
白/绿
白/橙
金/深
The quick brown fox 文字预览 AaBb123
—
对比度 (Contrast Ratio)
WCAG AA（正文）
≥ 4.5:1
—
WCAG AAA（正文）
≥ 7:1
—
WCAG AA（大字 18pt+）
≥ 3:1
—
WCAG AAA（大字 18pt+）
≥ 4.5:1
—
📘 使用说明
- 设置前景色（文字颜色）
- 设置背景色
- 查看对比度比值
- 检查 WCAG AA/AAA 是否通过
❓ 常见问题
Q: WCAG 标准是什么？
A: Web Content Accessibility Guidelines：AA 正文需 ≥4.5:1，AAA 正文需 ≥7:1，大字号（18pt+）AA 需 ≥3:1。
Q: 为什么对比度重要？
A: 低对比度文字对色盲、弱视用户不可读。符合 WCAG 标准的网站对所有人更友好，也有助于 SEO。
