WCAG 对比度检查

颜色无障碍合规性测试(WCAG 2.1)

对比度比例
21:1
最大可能:21:1(黑底白字)
AA 正常文字
≥ 4.5:1
AA 大号文字
≥ 3:1
AAA 正常文字
≥ 7:1
AAA 大号文字
≥ 4.5:1

大号文字示例

这是正常字号的正文,使用所选颜色组合显示。WCAG 把 ≥18pt(或 ≥14pt 粗体)的文字定义为"大号文字"。

小号文字——对比度尤其需要注意。

用户评价

平均 4.8 星,基于 6 条用户评价。

周琳2026-05-11
身份: 产品设计师

做前端还原设计稿时,WCAG 对比度检查解决了我最担心的点:视觉方案需要快速比较。围绕 WCAG 2.1 AA/AAA 组织信息,能降低手工处理成本,适合边调参数边看效果,所以适合放进常用工具列表。

林悦2026-02-16
身份: 插画师

我会把 WCAG 对比度检查推荐给需要 wcag 对比度检查的同事。它对 wcag 对比度检查 颜色对比度这类长尾需求覆盖得比较自然,对比度比例让结果更容易检查,比临时凑流程更好交接。

郭婷2026-05-21
身份: 设计主管

这页的重点很明确:核心就是 wcag 对比度检查、颜色对比度和界面样式微调。WCAG 对比度检查能调整视觉参数并复制 CSS 结果,生成结果能直接给设计或前端继续用,适合快速判断是否可用。

张伟2026-02-26
身份: 独立开发者

需要处理 wcag 对比度检查 颜色对比度时,我更关心能否少走步骤。WCAG 对比度检查里合规检查这一项很直接,前景色(文字)也能支撑后续复核,整体对搜索进来的用户比较友好。

王磊2026-05-05
身份: 创意运营

我是按“在线 wcag 对比度检查”这类需求找到 WCAG 对比度检查的,真正要解决的是 CSS 参数手写和预览来回切换很慢。页面把前景色(文字)、背景色放在一起,能快速比较设计方案,比临时拼多个工具更适合前端还原设计稿。

刘洋2026-02-10
身份: UI 设计师

找 wcag 对比度检查时我最看重结果能不能直接复核。WCAG 对比度检查把背景色呈现得比较清楚,减少手写 CSS 和重复刷新页面,处理颜色对比度相关任务时不需要再绕到别的页面。