颜色对比度检查器

WCAG 对比度衡量前景色和背景色之间的亮度差异。范围从 1:1（无对比）到 21:1（最大对比，黑底白字）。比率越高，视力障碍用户的可读性越好。

WCAG AA 要求普通文本最低对比度为 4.5:1，大文本为 3:1。WCAG AAA 要求普通文本 7:1，大文本 4.5:1。AAA 是最高无障碍标准。

大文本定义为 18pt（24px）或更大，或 14pt（18.66px）粗体或更大。大文本的对比度要求较低，因为在低对比度下更容易阅读。

适当的颜色对比度确保文本对视力障碍者（包括色盲和低视力）可读。它还改善了每个人在各种光照条件和不同设备上的可读性。

对比度比率使用前景色和背景色的相对亮度值计算。公式为 (L1 + 0.05) / (L2 + 0.05)，其中 L1 是较浅颜色，L2 是较深颜色。

WCAG 要求 UI 组件和图形对象的最低对比度为 3:1。这确保按钮、图标和其他界面元素可见且可用。

并非所有颜色组合都符合无障碍标准。使用此检查器验证您的颜色选择是否符合 WCAG 要求。设计时考虑美观性和无障碍性。

相对亮度是颜色的感知亮度，范围从 0（黑色）到 1（白色）。它使用 sRGB 色彩空间计算，并考虑了人眼对不同波长的敏感度。

图片中的文本必须满足与常规文本相同的对比度要求。对于装饰性图片或有替代文本的图片，不适用对比度要求。

使用浏览器开发者工具、设计软件插件或在线检查器（如本工具）。许多工具可以从截图中提取颜色并自动计算对比度比率。