免费在线工具内容创作
颜色对比度检查：WCAG AA 与 AAA 文字标准
在落地页、演示文稿或界面中使用配色前，先检查文字与背景的对比度。输入两个不透明的 sRGB 十六进制颜色，计算对比度以及文字的 AA、AAA 结果。
计算在浏览器中完成，无需账号或 API 密钥。
计算结果
- 对比度
- 3.6602:1
- AA 普通文字 · 4.5:1
- 未通过
- AA 大号文字 · 3:1
- 通过
- AAA 普通文字 · 7:1
- 未通过
- AAA 大号文字 · 4.5:1
- 未通过
对比度: 3.6602:1 AA 普通文字 · 4.5:1: 未通过 AA 大号文字 · 3:1: 通过 AAA 普通文字 · 7:1: 未通过 AAA 大号文字 · 4.5:1: 未通过
使用方法
以 #RGB 或 #RRGGBB 格式输入文字颜色。
输入文字下方的纯色背景。
检查对比度，并根据实际字号选择对应标准。
选择适合字号的要求
WCAG AA 对普通文字要求至少 4.5:1，对大号文字要求至少 3:1。大号文字指至少 18 pt，或加粗时至少 14 pt。AAA 的要求分别为 7:1 与 4.5:1。通过判断使用未四舍五入的数值。
颜色组合只是页面的一部分
计算假设颜色完全不透明，背景为均匀纯色。渐变、图片、透明度与悬停状态需要根据文字实际背景另行检查。一组颜色通过标准不代表整个页面都符合无障碍要求。
常见问题
为什么接近 4.5 的显示结果仍未通过？
略低于 4.5 的值不能通过四舍五入变成合格。即使显示时缩短小数，判断仍使用完整计算值。
支持 CSS 颜色名或透明颜色吗？
请使用三位或六位十六进制纯色值。透明图层应先合成为实际显示颜色，再进行检查。