颜色对比度检查器
大文字示例
这是该对比度下普通正文文字的显示效果。
对比度
4.48:1
AA · 普通文字✕
AAA · 普通文字✕
AA · 大文字✓
AAA · 大文字✕
建议文字颜色：#717171
相关外部工具
部分链接为联盟营销链接。
相关工具
检查您的文字在背景上是否清晰易读。输入文字颜色和背景颜色，即可查看 WCAG 对比度以及普通文字和大文字的 AA、AAA 合规结果，并提供实时预览。不合格时，工具会推荐相近的合格颜色。所有内容在浏览器中运行。
使用方法
- 选择文字颜色。
- 选择背景颜色。
- 查看对比度和 AA / AAA 结果。
- 如不合格，应用推荐的合格颜色。
WCAG 等级说明
对比度从 1:1（无对比）到 21:1（白底黑字）。普通文字的 AA 要求至少 4.5:1，AAA 要求 7:1。大文字的 AA 要求 3:1，AAA 要求 4.5:1。至少达到 AA 标准有助于视力较弱的用户舒适阅读内容。
功能特点
精确对比度数值
显示两种颜色之间精确的 WCAG 对比度。
AA & AAA 合规结果
同时检查普通文字和大文字的合格/不合格状态。
实时预览
用您选择的颜色显示真实文字效果，直观判断可读性。
合格颜色推荐
对比度不足时，推荐一个满足 AA 标准的相近颜色。
隐私优先设计
所有计算在浏览器中完成，不会上传任何内容。
常见用途
无障碍 UI
确保界面文字满足无障碍访问要求。
品牌色彩
检查品牌配色在文字上是否清晰可读。
按钮与链接
验证彩色按钮和链接上的标签文字是否清晰可辨。
文档与幻灯片
确认文字在彩色背景上足够突出。
注意事项与提示
- 大文字指约 18pt 以上或 14pt 粗体以上，对比度要求更低。
- 不要仅靠颜色传达含义，应结合文字或图标一起使用。
- 对比度是可读性的一个因素，字体大小和间距同样重要。
- 所有处理在设备本地进行，不会发送到服务器。
常见问题
- 什么是对比度？
- 它衡量两种颜色在亮度上的差异，范围从 1:1（完全相同）到 21:1（白底黑字）。数值越高越易于阅读。
- AA 和 AAA 有什么区别？
- AA 是标准无障碍级别（普通文字 4.5:1），AAA 是更严格的级别（7:1），可读性更高。
- 什么算作大文字？
- 大约 18pt 常规字体或 14pt 粗体及以上。大文字的对比度要求更低（AA 为 3:1）。
- 推荐颜色是如何确定的？
- 当文字颜色不满足 AA 标准时，工具会将颜色调亮或调暗，直到与背景色的对比度达到 4.5:1，并推荐该颜色。
- 会上传任何内容吗？
- 不会。检查完全在浏览器中运行，不会发送到服务器。