颜色对比度检查器
低对比度文字是网络上最常见的无障碍问题：在你校色过的屏幕上刚好看的灰底灰字，放到阳光下的廉价手机上、对低视力读者、对四十岁以上的人，都可能完全读不清。
使用方法
- 输入前景（文字）颜色的 HEX 色值，带不带 # 均可。
- 输入文字所在背景色的 HEX 色值。
- 查看对比度比值与 AA/AAA 达标徽章，调整任一颜色直到所需等级通过。
常见问题
AA 和 AAA 阈值分别是什么意思？
它们来自 W3C 的《Web 内容无障碍指南》（WCAG 2.x）。AA 要求普通文本至少 4.5:1、大号文本（约 18pt，或 14pt 加粗以上）至少 3.0:1；AAA 提高到 7.0:1 与 4.5:1。达到 AA 是常见的法律与专业基线。
对比度比值是怎么算出来的？
使用 WCAG 2.x 官方相对亮度公式：每个通道先做线性化，再按 0.2126（红）、0.7152（绿）、0.0722（蓝）加权合成，较亮颜色加 0.05 除以较暗颜色加 0.05。黑配白得 (1.05)/(0.05) = 21:1，即理论最大值。
判定标准和文字大小有关吗？
有关。大号文字——约 18pt（24px）常规或 14pt（约 18.7px）加粗以上——AA 只需 3.0:1，因为更大的字形在更低对比度下也更容易阅读。同一对颜色可能标题合格而正文不合格，这正是单独列出大号文本阈值的原因。
对比度达标就等于无障碍了吗？
对比度只是重要的一项，不是全部审计：焦点状态、点击区域大小、色盲友好的语义和读屏标签同样重要。先用本工具消除这个最常见的失分项，发布前再用真实的辅助技术做测试。
相关工具
了解更多
低对比度文字是网络上最常见的无障碍问题：在你校色过的屏幕上刚好看的灰底灰字，放到阳光下的廉价手机上、对低视力读者、对四十岁以上的人，都可能完全读不清。这款免费的对比度检查器把任意前景/背景色对放进 WCAG 2.x 的对比度公式里算一遍，立刻告诉你这对组合能否达标。输入两个 HEX 色值——文字颜色与它背后的背景色——工具按官方相对亮度公式算出对比度比值，再判定三档阈值：普通文本 AA 要达到 4.5:1，AAA 要 7.0:1，大号文本（18pt 或 14pt 加粗以上）AA 要 3.0:1。纯黑配纯白得到理论最大值 21:1，一秒钟即可验证工具本身。全部计算在你的浏览器本地完成：色板不离开你的设备，不上传、不进日志。在下方输入两个颜色，调整到目标等级达标为止。