颜色对比检查器

颜色对比度检查器测量前景（文本）颜色和背景颜色之间的对比度，并告诉您该配对是否符合 Web 内容可访问性准则。 它报告一个 1:1 和 21:1 之间的数字，并在正常和大文本大小的 AA 和 AAA 的 WCAG 2.2 阈值以及用户界面组件和图形的单独 3:1 阈值中对其进行评分。

对比度是两种颜色之间相对亮度的差异，而不仅仅是它们看起来有多不同。 对于低视力、色觉缺陷或在明亮的阳光下使用手机的任何人来说，两种颜色都可能感觉不同，同时仍然失败。 该比率是使用 WCAG 定义的确切 sRGB 相对亮度公式计算的，因此结果与审计工具和屏幕阅读器用户的体验相匹配，而不是粗略的视觉猜测。

一切都在您的浏览器中运行。 键入或粘贴颜色为十六进制、RGB、HSL 或 CSS 关键字，观看实时文本预览更新，如果一对失败，您可以应用建议的颜色。 没有上传，没有注册，并且一旦页面加载，该工具就会继续脱机工作。

WCAG 2对比度公式是相对亮度的比率,其阈值是可访问性审核和大多数法律要求的衡量标准,因此它是设计到正确的数字。它也被称为不完美:它可以在黑暗背景上慷慨地浅色文本,在一些中音对上刺耳,这就是为什么后继算法APCA存在并正在为未来的版本进行试验。大文本有一个较低的条,大表示18pt,或粗体时的14pt,大约是24px和18.66px。3:1时,非文本元素被1.4。11单独覆盖,这是最常被遗漏的规则:图标按钮,输入边框和焦点环都需要它,并且设计可以传递每个段落,并且在其形式字段上仍然失败。