颜色对比度检测
WCAG AA / AAA 无障碍对比度本地处理 · 数据不上传
大号标题示例
示例文字：敏捷的棕色狐狸跳过了懒狗。
对比度
4.76 : 1
良好
正文文字AA 通过AAA 不通过
大号文字（≥ 24px 或 ≥ 18.5px 粗体）AA 通过AAA 通过
图标与界面组件AA 通过
这个工具还可以用来:颜色对比度检测两种颜色对比WCAG对比度无障碍配色
使用方法
- 1选择文字颜色和背景颜色。
- 2查看对比度和 AA / AAA 结果。
- 3不达标时点击建议颜色一键替换。
常见问题
对比度要达到多少？
WCAG AA 要求正文 ≥ 4.5:1、大号文字 ≥ 3:1；AAA 要求正文 ≥ 7:1、大号文字 ≥ 4.5:1。
对比度是怎么计算的？
(较亮颜色的相对亮度 + 0.05) ÷ (较暗颜色的相对亮度 + 0.05)，范围 1:1 到 21:1。