WCAG 颜色对比度检查器本地处理 · 0 次网络请求
WCAG 2.1 标准的颜色对比度计算:输入前景和背景色,自动计算对比度比率,评估 AA/AAA 通过性,推荐最佳文字色,并支持色盲模拟(红绿色盲/蓝黄色盲)。
小字(14px)—— 段落文本
大字(18px / 14px 加粗)—— 标题
更大字(24px)—— 强调标题
WCAG 对比度标准
WCAG 2.1 把文本与背景的对比度分为 4 个等级:
- AA 正文:≥ 4.5(小于 18pt 或小于 14pt 加粗)
- AA 大字:≥ 3(≥ 18pt 或 ≥ 14pt 加粗)
- AA UI 组件:≥ 3(按钮、输入框边框等)
- AAA 正文:≥ 7
- AAA 大字:≥ 4.5
计算公式:(L1 + 0.05) / (L2 + 0.05),其中 L1/L2 是相对亮度(0~1)。
同时提供色盲模拟:约 8% 男性、0.5% 女性有色觉障碍,常见是红绿色盲(protanopia/deuteranopia)。
页面更新: · 本地处理与使用边界