Color Contrast Checker

Check WCAG AA/AAA contrast ratio between two colors

关于这个计算器

颜色对比度检查器使用相对亮度公式 (L1 + 0.05) / (L2 + 0.05) 计算前景色与背景色之间的 WCAG 2.x 对比度。它接受 #rgb、#rrggbb 和 rgb(r,g,b) 输入，报告精确的对比度、两种颜色的亮度，以及正常文本（4.5:1 / 7:1）和大号文本（3:1 / 4.5:1）阈值下 AA 和 AAA 的通过/未通过标记。无效颜色会返回错误。是无障碍网页设计的必备工具。

如何使用Color Contrast Checker工具

  1. 在输入框中输入或粘贴您的内容。
  2. 读取输出——它会在您输入时即时更新。
  3. 如有选项，可根据您的使用场景进行调整。
  4. 复制页面 URL 以分享这个精确的结果。

常见示例

  • #ffffff 上的 #000000 → 21.0000:1——通过所有 AA 和 AAA 级别
  • #ffffff 上的 #777777 → 4.4781:1——正常文本 AA 以毫厘之差未通过，大号文本 AA 通过
  • #ffffff 上的 #0066cc → 5.5666:1——AA 通过，正常文本 AAA 未通过
  • #333333 上的 #ffcc00 → 8.3564:1——所有字号均通过 AAA

常见问题

Color Contrast Checker工具是如何工作的？

输入或粘贴您的内容，工具会直接在您的浏览器中处理并立即显示结果。您输入的任何内容都不会上传到服务器——整个计算完全在您的设备上完成。

什么时候会用到Color Contrast Checker工具？

它在开发、调试、设计和运维任务中都很实用——只要您需要快速完成这项转换或检查，无需安装任何软件，也无需把数据托付给第三方服务。

结果有多可靠？

该工具直接实现相关标准或规范，因此其输出与合规软件产生的结果一致。空输入或格式错误等边界情形会被清晰报告，而不是静默失败。

可以把某个结果分享给别人吗？

可以。您的输入会同步更新到 URL，因此复制地址栏并分享链接，对方打开后工具就会处于完全相同的状态。