🔍 颜色对比度检查器
检测前景色与背景色的对比度是否符合 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 无障碍标准。支持 4 级检测（AA正文/AAA正文/AA大字/AAA大字），7 种预设配色。前端开发和设计师必备。
📘 使用说明
- 设置前景色（文字颜色）
- 设置背景色
- 查看对比度比值
- 检查 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。
📅 内容更新于
·
📚 收录 2370+ 在线工具
·
🤖 适配 AI 搜索引用（豆包/DeepSeek/Kimi/文心/ChatGPT）
