颜色对比度检查器

计算颜色对比度比值,验证 WCAG AA/AAA 无障碍标准

对比度比值

12.63:1

WCAG 标准

AA 正常文字≥ 4.5:1
AA 大文字≥ 3:1
AAA 正常文字≥ 7:1
AAA 大文字≥ 4.5:1

大标题文字(28px)

副标题文字(20px Bold)

正文文字(16px),建议对比度 ≥ 4.5:1

小字(14px),建议对比度 ≥ 4.5:1

极小字(12px),建议对比度 ≥ 4.5:1


这是一个边框样式的内容块,用于测试在该颜色组合下的界面元素可读性。

前景:#333333  |  背景:#ffffff

WCAG AA:最低可接受标准。正常文字对比度 ≥ 4.5:1,大文字(≥18pt 或 14pt Bold)≥ 3:1

WCAG AAA:最高无障碍标准。正常文字 ≥ 7:1,大文字 ≥ 4.5:1