工具站 · 对比度

颜色对比度检查

输入前景与背景两个颜色,本地按 WCAG 2.x 算出对比度,立刻告诉你正文与大字能不能过 AA/AAA。

对比度操作区

—

  • 正文 AA ≥4.5:—
  • 正文 AAA ≥7:—
  • 大字 AA ≥3:—
  • 大字 AAA ≥4.5:—
查看与复制结果文本

示例与限制

  • 颜色仅接受 #RGB 与 #RRGGBB 十六进制(# 可省略、大小写不限);命名色、rgb()、4/8 位十六进制一律拒绝并提示原因。
  • 算法为 WCAG 2.x 的 sRGB 线性化相对亮度(0.2126R + 0.7152G + 0.0722B),对比度 =(亮 + 0.05)/(暗 + 0.05);黑白恰为 21:1,同色为 1:1。
  • 判定阈值:正文 AA 4.5、AAA 7.0;大字 AA 3.0、AAA 4.5。大字指 ≥24px 常规或 ≥18.66px 粗体(14pt/18pt)。
  • 判定使用未取整的对比度比值;展示值四舍五入到两位小数。
  • 计算在浏览器本地完成:不联网、无密钥、不读写存储,输入只留在内存里。

相关工具:文本统计与去重 · 二维码生成