颜色对比检查器

如何使用

如何使用颜色对比检查器

使用案例

概述

低对比度文本是最常见的辅助功能失败之一。该检查器使用官方 WCAG 相对亮度公式计算文本和背景颜色之间的精确对比度，然后告诉您它是否通过 AA（普通文本为 4.5:1，大文本为 3:1）和更严格的 AAA（7:1 和 4.5:1）。实时预览显示您选择的颜色的真实文本。

使用颜色选择器或直接输入十六进制代码和 rgb() 值 - 该工具会解析两者。当您调整任一颜色时，比率和通过/失败徽章会立即更新，因此您可以微调颜色直到其符合要求。一切都在本地运行，使其成为设计 UI、主题和营销页面时的快速伴侣。

特征

常问问题

我需要多少对比度才能通过 WCAG？+

对于 AA，普通文本需要 4.5:1，大文本需要 3:1。对于更严格的 AAA，普通文本需要 7:1，大文本需要 4.5:1。大文本大约为 18 磅，或 14 磅粗体。

对比度是如何计算的？+

它对两种颜色使用 WCAG 相对亮度公式，然后将较亮的亮度（加上 0.05）除以较暗的亮度（加上 0.05），得出 1:1 到 21:1 之间的值。

我可以输入 RGB 和十六进制吗？+

是 - 输入十六进制代码，如 #1e293b 或 rgb(30, 41, 59)，或使用颜色选择器。两种格式都会立即解析。

免费吗？+

是的，完全免费，无需注册，完全在浏览器中运行。