色盲模拟教程:红色盲、绿色盲、蓝色盲、全色盲的区别和无障碍配色检查
一句话答案
把图片拖进色盲模拟器,切换红色盲、绿色盲、蓝色盲、全色盲,看看颜色还能不能区分。红绿色盲最常见,图表里不要只用红和绿区分系列,可以换成蓝和橙,同时加上文字标注、图案或明暗差异。
色觉异常的类型
| 类型 | 说明 |
|---|---|
| 红色盲(Protanopia) | 缺少感受红光的视锥细胞,红色偏暗,红绿难区分 |
| 绿色盲(Deuteranopia) | 缺少感受绿光的视锥细胞,红绿难区分,最常见的一类 |
| 蓝色盲(Tritanopia) | 缺少感受蓝光的视锥细胞,蓝黄难区分,很少见 |
| 全色盲(Achromatopsia) | 几乎只能看到明暗,非常罕见 |
红绿色觉异常在男性中比例较高,因此图表、地图、交通和状态提示的设计都要考虑。
在线模拟
- 上传图片:打开 色盲模拟器,点击选择或拖放图表、海报或界面截图。
- 切换类型:在“类型”里依次选择红色盲、绿色盲、蓝色盲、全色盲,查看效果。
- 下载对比:点“下载”保存模拟后的图片,和原图放在一起给团队看。

示例:一张用红、绿、黄、蓝四种颜色区分渠道的柱状图,在绿色盲模拟下,“线上”和“批发”两组变成相近的黄绿色,很难分清。
👓 色盲模拟器
免费在线使用,文件和数据只在你的浏览器本地处理,无需注册。
配色建议
- 不要只靠颜色区分:加上文字标注、图例顺序、图案(斜线、点状)或形状;
- 避开红绿组合:改用蓝和橙这类色盲友好的组合;
- 拉开明暗差:同时改变亮度,全色盲也能分辨;
- 检查文字对比度:文字和背景的对比度见 颜色对比度检查;
- 从图片提取配色:见 图片取色板。
常见问题
色盲模拟器能检测我是不是色盲吗?
不能,它只是模拟色觉异常者看到的效果,用于设计参考。色觉检查请到医院眼科。
哪种色盲最常见?
红绿色觉异常最常见,其中绿色弱和绿色盲占多数。
什么配色对色盲友好?
蓝和橙的组合较容易区分,同时加上文字标注和明暗差异更稳妥。
图片会上传吗?
不会,模拟在浏览器本地用 Canvas 处理。