免费 · 无需注册 · 浏览器本地处理

颜色对比度检查

计算前景与背景颜色的 WCAG 对比度。

所有处理均在浏览器内完成,无需上传、注册或服务器处理。

输入 #RGB 或 #RRGGBB,按 WCAG 的 sRGB 相对亮度计算,不支持透明度。大号文字为至少 18 pt,或 14 pt 粗体。
Aa · 7.87:1

这段文字用来预览前景与背景的对比效果。

  • 普通文字 · AA(4.5:1)通过
  • 普通文字 · AAA(7:1)通过
  • 大号文字 · AA(3:1)通过
  • 大号文字 · AAA(4.5:1)通过

使用步骤

选择两种颜色,检查普通文字与大字阈值。

使用前请检查

仅凭颜色对比度不能证明整个网站符合 WCAG。

常见问题

计算前景与背景颜色的 WCAG 对比度。

如何使用颜色对比度检查?

选择两种颜色,检查普通文字与大字阈值。

数据会上传吗?

工具在当前浏览器内处理输入与文件。页面访问统计不包含这些输入内容。

有哪些限制?

仅凭颜色对比度不能证明整个网站符合 WCAG。