简介 WCAG 对比度
比率与 AA/AAA 等级
如何使用
输入两种颜色，即可查看其 WCAG 对比度比值，并立即得到文字与界面元素的 AA / AAA 通过与否判定。
WCAG 对比度
WCAG 对比度标准
WCAG AA 要求正文至少 4.5:1，大字号至少 3:1；AAA 则提高到 7:1 和 4.5:1。
大字号指 18pt 常规或 14pt 粗体及以上。界面图标和焦点指示也应与背景达到 3:1。
检查与修复对比度
输入文字色和背景色，或用滑杆在保持色相与饱和度的前提下调整明度。
建议面板会给出达到 AA 的邻近颜色。选中并复制后，还要在实际背景图或遮罩上再次验证。
常见问题
AA 和 AAA 有什么区别？
AA 是基础可访问等级，AAA 更严格。长文阅读建议 AAA，产品界面通常以 AA 为目标。
什么算大字号？
18pt（24px）或 14pt（18.66px）粗体及以上。大字号允许更低的对比度。
为什么浏览器里的比例不同？
浏览器可能应用透明度、遮罩或图片背景。请测量最终渲染后的颜色，而不只是声明的色值。
这些颜色能用于生产吗？
可以，都是普通 HEX 颜色。请在实际场景中再次检查，包括禁用和悬停状态。