颜色对比度检查器

免费 WCAG 颜色对比度检查器：在浏览器中测试文字与背景色是否符合 AA/AAA 标准。输入 hex 或 rgb，即时查看对比度比值与通过/未通过。免登录、不上传。

这个颜色对比度检查器测量什么？

它使用 sRGB 相对亮度，计算前景（文字）色与背景色之间的 WCAG 2.x 对比度比值。您会得到数值（例如 4.52:1），以及普通文字与大号文字在 WCAG AA、AAA 阈值下的通过/未通过结果。这是设计 QA 辅助工具，不能替代整站自动化无障碍审计。

支持哪些颜色格式？

支持十六进制（#RGB、#RRGGBB、#RRGGBBAA）、rgb() 和 rgba()。可粘贴来自 Figma 令牌、CSS 变量或设计文档的品牌色。#fff 等短 hex 会先展开为 #ffffff 再计算亮度。

WCAG AA 与 AAA 有何区别？

AA 是常见的法规与产品基线：普通文字 4.5:1，大号文字 3:1。AAA 更严格：普通文字 7:1，大号文字 4.5:1。许多站点正文目标 AA，仅对主标题或高风险 UI 追求 AAA。本工具同时展示两者，便于与设计团队确定目标。

WCAG 如何定义大号文字？

大号文字指至少 18 磅（24 CSS 像素）常规字重，或至少 14 磅粗体（约 18.66 CSS 像素）。按钮、说明与脚注常在标题通过 AA 时仍不达标——请检查实际上线的每种字号，而非仅 H1 色块。

品牌色会上传吗？

不会。解析与亮度计算完全在浏览器本地完成。未发布的调色板与客户保密色不会离开您的设备。在共用电脑上使用后请清空输入。

透明度会影响对比度吗？

rgba 与 #RRGGBBAA 会被解析，但对比度按不透明 sRGB 通道评估——本工具不会对文字与照片背景做 alpha 合成。若文字叠在图片上，请先取样有效底色或使用纯色遮罩后再检查。

这个 WCAG 对比度检查器免费吗？

是的。核心比值与通过/未通过功能免费，无需登录。