调色板无障碍审计

对一组配色做两两 WCAG 对比度矩阵批量审计,标注 AA/AAA 达标并给出背景的黑白前景建议,全程本地计算

每行一个颜色(也可用逗号/分号分隔,函数写法内的逗号不会被拆开)。

#FFFFFF
#F5F5F5
#8A8A8A
#333333
#1A73E8
#D93025
#12508B

有效色对

28

通过 AA 正文(≥4.5)

6

两两对比度矩阵(单元格标注 WCAG 达标级别)

1
1.09
3.45
12.63
4.51
4.77
8.25
1.09
1
3.17
11.59
4.13
4.38
7.57
3.45
3.17
1
3.66
1.3
1.38
2.39
12.63
11.59
3.66
1
2.8
2.65
1.53
4.51
4.13
1.3
2.8
1
1.06
1.83
4.77
4.38
1.38
2.65
1.06
1
1.73
8.25
7.57
2.39
1.53
1.83
1.73
1
≥7AAA 正文≥4.5AA 正文≥3AA 大字<3不达标

推荐可读组合

↔
12.63:1 · AAA
↔
最低 1.06:1(过于接近,慎用作文字)

各背景的黑白前景建议

  • #FFFFFF用黑色文字 · 21:1
  • #F5F5F5用黑色文字 · 19.26:1
  • #8A8A8A用黑色文字 · 6.08:1
  • #333333用白色文字 · 12.63:1
  • #1A73E8用黑色文字 · 4.66:1
  • #D93025用白色文字 · 4.77:1
  • #12508B用白色文字 · 8.25:1

关于 调色板无障碍审计 工具

调色板无障碍审计 是云海百宝箱提供的一个免费在线工具。对一组配色做两两 WCAG 对比度矩阵批量审计,标注 AA/AAA 达标并给出背景的黑白前景建议,全程本地计算 该工具完全在浏览器中运行,无需下载安装任何软件,跨平台支持 Windows、Mac、Linux 及移动设备,数据在本地处理不上传服务器。

与 调色板无障碍审计 配合常用的同类工具: 颜色格式转换、颜色选择器、颜色调色板生成、颜色对比度检查、颜色渐变生成、颜色混合器

调色板无障碍审计 使用方法

  1. 在输入框中输入或粘贴需要处理的内容
  2. 选择相应的处理选项或参数
  3. 点击"处理"或"转换"按钮获取结果
  4. 点击"复制"按钮可一键复制结果到剪贴板

相关工具推荐