mtools.lol

颜色对比检查器

Beta

检查您的文本和背景颜色组合是否符合 WCAG 无障碍指南。

  • 免费
  • 无需注册
  • 在您的浏览器中运行
  • 适用于移动设备

{名称} 一目了然

输入
前景色和背景色
输出
对比度和 WCAG 合规状态
隐私
一切都发生在您的设备上。没有上传任何内容。
价格
免费,无帐户,无水印。

如何使用颜色对比检查器

  1. 1输入文本颜色(前景色)和背景颜色。
  2. 2该工具立即计算两种颜色之间的对比度。
  3. 3显示组合是否通过或未通过普通文本和大文本的 WCAG AA 和 AAA 标准。

特点

  • 实时对比度计算。
  • WCAG AA 和 AAA 合规状态。
  • 接受 HEX、RGB 或 HSL 颜色格式。
  • 所选背景上文本的视觉预览。

颜色对比检查器 常见问题解答

什么是WCAG?

WCAG 代表网页内容可访问性指南。它是一组让残疾人(包括视力障碍人士)更容易访问网页内容的标准。

什么是好的对比度?

WCAG AA 要求普通文本的比例至少为 4.5:1,大文本的比例至少为 3.1:1。 WCAG AAA 要求普通文本为 7:1,大文本为 4.5:1。

为什么对比度很重要?

高对比度可确保每个人都清晰易读文本,尤其是视力不佳或色盲的用户。

更多{类别}最后更新