跳到正文

功能指南

无障碍对比度检查

在调色板用于产品之前,调色板实验室会告诉你哪些组合的文字对比度符合 WCAG、哪些颜色对色觉障碍人士难以区分,以及这些颜色在真实界面中的效果。

Pro 包含在 ColorSnapr Pro 中 更新于:

无障碍对比度检查

要点

  • 对比度矩阵:每组背景 × 文字的对比度及 AA / AA 大字 / AAA 结果。
  • 色觉冲突:在红色盲、绿色盲或蓝色盲下难以区分的组合。
  • 界面预览:将调色板应用到按钮、卡片和文字上。
  • 在 Oklab 中插值的平滑渐变。
  • 每种已保存的颜色还会免费显示与白色和黑色文字的对比度。

使用方法

  1. 1 打开调色板,选择「调色板实验室」。
  2. 2 查看「无障碍」标签页:带边框的单元格表示普通文字通过 AA。
  3. 3 切换到预览或渐变,调整颜色后再次检查。

常见问题

使用哪些 WCAG 标准?

遵循 WCAG 2:普通文字 4.5:1(AA),大字 3:1(AA 大字),AAA 为 7:1。

调色板实验室免费吗?

调色板实验室属于 ColorSnapr Pro。每种已保存颜色与白色和黑色文字的对比度可免费查看。

在手机上试试吧——ColorSnapr 可免费下载。