OhMyCalc

WCAG 色彩对比度计算器

计算前景色与背景色之间的 WCAG 2.1 相对对比度,并检查普通文本和大文本的 AA 与 AAA 合规性。

如何使用 WCAG 色彩对比度计算器

  1. 以十六进制代码(#rrggbb)输入前景色。
  2. 以十六进制代码输入背景色。
  3. 点击"计算"查看对比度及 AA/AAA 判定结果。

使用场景

公式

Ratio = (L1 + 0.05) / (L2 + 0.05) where L1 is the lighter and L2 the darker relative luminance. Simplified luminance: 0.2126·R + 0.7152·G + 0.0722·B on a 0–1 sRGB scale.

常见问题

为什么 AA 是最低标准?
WCAG 2.1 AA 级是大多数监管机构采用的目标(EN 301 549、Section 508、ADA 判例法)。AAA 是长篇阅读材料的理想标准。
什么算作大文本?
大文本是指至少 18 pt(24 px)的常规字体,或 14 pt(18.66 px)的粗体字体。其他均为普通文本,必须满足 4.5:1 的对比度。
简化亮度公式是否符合 WCAG 标准?
对于大多数 sRGB 颜色对,其结果与完整公式的通过/未通过判定一致。对于阈值附近的边缘情况,请与官方 WCAG 公式或新项目的 APCA 进行交叉验证。