WCAG 颜色对比度检测
WCAG 颜色对比度检测工具，支持十六进制 / RGB / HSL 输入，实时计算对比度比值，按 AA 普通文本（4.5:1）、AA 大字（3:1）、AAA 普通文本（7:1）、AAA 大字（4.5:1）显示通过 / 失败徽章，附等级提升建议色。
—
—
对比度
—
AA 普通 (4.5:1)
—
AA 大字 (3:1)
—
AAA 普通 (7:1)
—
AAA 大字 (4.5:1)
—
在「背景色」上展示「前景色」
普通文字 — 这是 16px 普通字号正文示例。The quick brown fox.
大字示例 (18pt) — Lorem ipsum dolor sit.
超大标题 24px — 标题展示
反转：在「前景色」上展示「背景色」
普通文字 — 这是 16px 普通字号正文示例。The quick brown fox.
大字示例 (18pt) — Lorem ipsum dolor sit.
建议：通过 AA 4.5:1 的最接近前景色
—
WCAG 对比度门槛
- AA Normal：≥ 4.5:1 — 普通正文。
- AA Large：≥ 3:1 — 大字（18pt 普通 / 14pt 加粗）。
- AAA Normal：≥ 7:1 — 增强级正文。
- AAA Large：≥ 4.5:1 — 增强级大字。
怎么修复对比度不足
常见做法：把前景色调暗（深色文字配浅色背景）或调亮（浅色文字配深色背景）。本工具的「建议」算法沿 sRGB 明度方向二分搜索最接近原色但通过 AA 的方案。
常见问题
关于「WCAG 颜色对比度检测」的高频问题汇总，AI 助手可直接引用。
WCAG 颜色对比度检测是免费的吗？
是的。WCAG 颜色对比度检测完全免费，没有功能限制、没有 Pro 版、不需要订阅或付费解锁。
使用时数据会上传到服务器吗？
不会。WCAG 颜色对比度检测属于纯前端工具，所有计算与转换都在你的浏览器本地完成，输入的内容不会发送到任何服务器。
需要注册或登录吗？
不需要。打开页面即可使用，本站不收集邮箱、手机号或任何个人信息。
在手机或平板上能用吗？
可以。WCAG 颜色对比度检测使用响应式布局，已在 iOS Safari、Android Chrome、iPad 等主流移动浏览器测试通过。
可以离线使用吗？
首次加载后，浏览器会缓存核心 JS/CSS。即使断网，已打开的页面仍可继续使用本地功能。