跳到主内容

颜色对比度检查器

开发者工具

WCAG AA/AAA · 相对亮度

答案速览

颜色对比度检查器——WCAG AA/AAA · 相对亮度。相对亮度 L = 0.2126R + 0.7152G + 0.0722B(sRGB 先 gamma 展开)。

加载中

这个工具对你有帮助吗?

怎么用

  1. 粘贴或输入内容:在颜色对比度检查器中粘贴代码、文本或填写参数。
  2. 选择模式/选项:按需切换格式、规则或处理方式。
  3. 实时输出:处理结果即时显示,无需提交,数据不出浏览器。
  4. 一键复制:输出结果一键复制,直接粘贴到开发环境使用。

核心要点

  • 相对亮度 L = 0.2126R + 0.7152G + 0.0722B(sRGB 先 gamma 展开)
  • 对比度 = (L亮 + 0.05) ÷ (L暗 + 0.05),范围 1:1 – 21:1
  • AA 级:正文 ≥ 4.5:1,大字(≥18pt/14pt 粗)≥ 3:1;AAA 级:7:1 / 4.5:1
  • 白上黑 = 21:1(最高);纯白配纯黄 ≈ 1.07:1(几乎不可读)

原理与公式

WCAG 颜色对比度

相对亮度 L = 0.2126R + 0.7152G + 0.0722B(sRGB 先 gamma 展开)
对比度 = (L亮 + 0.05) ÷ (L暗 + 0.05),范围 1:1 – 21:1
AA 级:正文 ≥ 4.5:1,大字(≥18pt/14pt 粗)≥ 3:1;AAA 级:7:1 / 4.5:1
白上黑 = 21:1(最高);纯白配纯黄 ≈ 1.07:1(几乎不可读)

示例:#1e293b 配 #ffffff → 14.7:1,通过全部等级;#94a3b8 配 #ffffff → 约 2.9:1,仅大字 AA 勉强。

常见问题

颜色对比度检查器怎么用?
打开页面后在输入框中填入参数即可自动计算。WCAG AA/AAA · 相对亮度。修改任意输入结果自动更新。
转换结果准确吗?
是的。使用标准编解码算法(如RFC 4648、ECMA-262等),结果经过校验。
免费使用吗?需要注册吗?
完全免费,打开网页即用,无需注册、登录或下载任何软件。
处理的数据会上传到服务器吗?
不会。所有处理在浏览器本地完成,代码/文本数据不离开设备。
支持大文本处理吗?
支持常规大小的文本处理。超大文件可能受浏览器内存限制,建议分批处理。
支持手机使用吗?
支持。页面采用响应式设计,手机、平板、电脑均可正常使用。

相关工具

相关指南

来源与更新

依据RFC 4648、ECMA-262等国际标准规范。最近更新:2025-07

最近更新

本页公式与内容经一键算团队复核,仅供学习参考,实际业务请以官方口径为准。

引用本页一键算. 颜色对比度检查器[EB/OL]. https://www.yijiansuan.com/c/dev/contrast-check

本工具提供的结果仅供参考,不构成任何专业建议,请以官方核算为准。