颜色无障碍对比检测在线工具
按 WCAG 检测配色对比度并给出修正建议。
◐颜色无障碍对比检测
全部处理在本地完成对比度预览:孔子商务网,免费在线工具
功能说明
「颜色无障碍对比检测」是一个无障碍配色合规检测工具,计算在本地完成,设计稿配色不会外泄,适合未发布项目的方案评估。
正文对比度至少 4.5:1,大号文字 3:1。不达标时不要只改文字颜色,有时加深背景反而更协调。
使用方法
- 在页面上方的输入框中填入需要处理的内容,或点击示例按钮载入一段演示数据。
- 按需调整下方的选项,例如输出格式、分隔符、大小写或精度等参数。
- 点击主按钮开始处理,结果会实时显示在输出区域,无需等待页面跳转。
- 确认结果无误后,点击右上角的复制按钮,或使用下载按钮保存为本地文件。
使用技巧与注意事项
建议在粘贴前先清理多余的空格与换行,能得到更准确的结果。
常见问题
AA 要求正文 4.5:1,AAA 要求 7:1。AAA 适合长文本与低视力用户。
会给出可用的替代色建议,通过调整明度达到目标对比度。
有,界面控件与图形对比度需达到 3:1。
不需要。本工具完全免费,打开页面即可直接使用,没有次数限制,也不需要注册账号或登录。
不会。所有计算都在你的浏览器本地完成,输入内容不会发送到服务器,也不会被记录或保存。
可以。页面采用移动优先的响应式设计,在手机和平板上按钮尺寸与输入框都经过适配,横竖屏都能正常操作。
可以。输出区域右上角有复制按钮,一键复制到剪贴板,也可以下载为文本文件后再使用。