本地浏览器工具
颜色对比度检测
按 WCAG 计算前景背景对比度，给出 AA / AAA 达标结论
字号场景
小于 18.66px 常规字重，或小于 24px 加粗。AA 要求 4.5:1，AAA 要求 7:1。
14.68: 1
对比度比值 · 达到 AAA 级 优秀
达标检查
AA 级 · 正文
要求 ≥ 4.5:1通过
要求 ≥ 4.5:1通过
AAA 级 · 正文
要求 ≥ 7:1通过
要求 ≥ 7:1通过
界面控件 / 图形
要求 ≥ 3:1通过
要求 ≥ 3:1通过
实际效果预览
这段文字能否看清？
正常字号的正文是判断可读性的主要依据，AA 级要求达到 4.5:1。中文笔画密集，建议比英文再留一点余量。
小字标注 12px · 接近下限时优先加深颜色而不是加大字重
前景亮度0.0215
背景亮度1.0000
前景 RGB31, 41, 55
背景 RGB255, 255, 255
相对亮度按 WCAG 2.1 公式计算：先把每个通道归一化到 0–1 并做 gamma 校正，再按 0.2126 / 0.7152 / 0.0722 加权。对比度比值定义为 (L1 + 0.05) / (L2 + 0.05)，其中 L1 为较亮的一方，因此交换前后景不影响结果。