图像Processado no seu navegador
WCAG 对比度检查器
检查颜色对比度与 WCAG AA/AAA 合规性,带预览与导出。
今日已使用 0/3 次 · 剩余 3 次。升级Pro，解除限制。.
WCAG 对比度检查器
WCAG 2.1本地处理WCAG 2.1 合规性，实时预览，提供无障碍配色建议。
算法
前景色
调整前景0
背景色
调整背景0
实时预览
示例内容
该段落以正文形式展示当前配色，便于快速直观地验证对比度。
需要最高对比度的小号辅助文本。
结果
对比度诊断
可分享链接
对比度
9.7:1
等级
AAA
普通文本
AA · 通过
AAA · 通过
大号文本
AA · 通过
AAA · 通过
UI 元素
AA · 通过
APCA Lc
Lc
92.1
极性
深色文本 / 浅色背景
区间
高对比度
按字号判定（APCA Bronze/Silver）
注释 12px· 常规 · 最低 Lc 90
Bronze · 通过Silver · 未通过小正文 14px· 常规 · 最低 Lc 75
Bronze · 通过Silver · 通过正文 16px· 常规 · 最低 Lc 60
Bronze · 通过Silver · 通过副标题 20px· 中等 · 最低 Lc 60
Bronze · 通过Silver · 通过标题 32px· 粗体 · 最低 Lc 45
Bronze · 通过Silver · 通过色盲模拟
预估覆盖率: 100%
正常
Aa
9.7:1通过 AA
约占人群 92.987%
绿色盲
Aa
16.1:1通过 AA
约占人群 6%
红色盲
Aa
14.7:1通过 AA
约占人群 1%
蓝色盲
Aa
11.1:1通过 AA
约占人群 0.01%
全色盲
Aa
12.1:1通过 AA
约占人群 0.003%
无障碍建议
当前配色已通过 AA — 无需建议。
已保存的配色0 组配色
尚无已保存的配色。
§ 如何使用
如何检查色彩对比度（WCAG）
在浏览器中验证文本与背景的对比度是否符合 WCAG AA 和 AAA 标准，并支持色盲模拟。
选择颜色
通过取色器或 HEX 输入框设置前景色（文字）和背景色。
查看对比度结果
查看对比度比值，以及在正常文字和大号文字下是否通过 WCAG AA 和 AAA 标准。
模拟并调整
预览色盲模式效果，微调颜色直至对比度达标。
相关
相关工具
Da mesma categoria.