🔍

首页 › 使用教程 › 图片与证件照

色盲模拟教程:红色盲、绿色盲、蓝色盲、全色盲的区别和无障碍配色检查

发布于 · 阅读约 2 分钟 · 用到的工具:色盲模拟器

一句话答案

把图片拖进色盲模拟器,切换红色盲、绿色盲、蓝色盲、全色盲,看看颜色还能不能区分。红绿色盲最常见,图表里不要只用红和绿区分系列,可以换成蓝和橙,同时加上文字标注、图案或明暗差异。

本文目录
  1. 色觉异常的类型
  2. 在线模拟
  3. 配色建议
  4. 常见问题

色觉异常的类型

类型说明
红色盲(Protanopia)缺少感受红光的视锥细胞,红色偏暗,红绿难区分
绿色盲(Deuteranopia)缺少感受绿光的视锥细胞,红绿难区分,最常见的一类
蓝色盲(Tritanopia)缺少感受蓝光的视锥细胞,蓝黄难区分,很少见
全色盲(Achromatopsia)几乎只能看到明暗,非常罕见

红绿色觉异常在男性中比例较高,因此图表、地图、交通和状态提示的设计都要考虑。

在线模拟

  1. 上传图片:打开 色盲模拟器,点击选择或拖放图表、海报或界面截图。
  2. 切换类型:在“类型”里依次选择红色盲、绿色盲、蓝色盲、全色盲,查看效果。
  3. 下载对比:点“下载”保存模拟后的图片,和原图放在一起给团队看。
红绿配色的柱状图在绿色盲眼中的效果
红绿配色的柱状图在绿色盲眼中的效果

示例:一张用红、绿、黄、蓝四种颜色区分渠道的柱状图,在绿色盲模拟下,“线上”和“批发”两组变成相近的黄绿色,很难分清。

👓 色盲模拟器
免费在线使用,文件和数据只在你的浏览器本地处理,无需注册。
打开工具 →

配色建议

  1. 不要只靠颜色区分:加上文字标注、图例顺序、图案(斜线、点状)或形状;
  2. 避开红绿组合:改用蓝和橙这类色盲友好的组合;
  3. 拉开明暗差:同时改变亮度,全色盲也能分辨;
  4. 检查文字对比度:文字和背景的对比度见 颜色对比度检查;
  5. 从图片提取配色:见 图片取色板。

常见问题

色盲模拟器能检测我是不是色盲吗?

不能,它只是模拟色觉异常者看到的效果,用于设计参考。色觉检查请到医院眼科。

哪种色盲最常见?

红绿色觉异常最常见,其中绿色弱和绿色盲占多数。

什么配色对色盲友好?

蓝和橙的组合较容易区分,同时加上文字标注和明暗差异更稳妥。

图片会上传吗?

不会,模拟在浏览器本地用 Canvas 处理。