👁️
色盲模拟器
上传图片模拟红/绿/蓝色盲及全色盲视觉效果，检验设计的无障碍可读性。
本地处理 · 不上传
加载工具中…
相关：色盲 · 色弱 · 无障碍 · a11y · 模拟 · 图片
色盲模拟器模拟红绿色盲等常见色觉障碍下图片的呈现效果，用于检查设计的无障碍性。图片在浏览器本地处理，不会上传到任何服务器。
使用步骤
- 上传图片或界面截图
- 选择要模拟的色觉类型
- 对比原图与模拟结果
- 据此调整配色
使用场景
- 检查设计是否依赖颜色区分信息
- 验证图表在色觉障碍下是否可读
- 无障碍合规检查
- 配色方案的评估
小贴士
- 约 8% 的男性存在某种程度的色觉障碍，红绿色盲最为常见，这不是小众问题。
- 关键信息绝不能只靠颜色区分。红绿状态指示应同时用图标或文字标注，图表应用不同的形状或纹理。
- 红绿配色在色觉障碍者眼中可能完全相同，而蓝橙配色的区分度要好得多。
常见问题
有多少人受影响？
约 8% 的男性和 0.5% 的女性存在某种色觉障碍，最常见的是红绿色觉异常。这意味着一个有一百万用户的产品，可能有几万人看不清你的红绿状态标识。
怎么设计才安全？
不要让颜色成为区分信息的唯一手段。状态用颜色加图标，图表用颜色加形状或纹理，链接用颜色加下划线。这样即便颜色无法分辨，信息仍然完整。
哪些配色要避免？
红绿搭配最成问题，这恰恰是「成功/失败」最常用的配色。蓝橙、蓝黄的区分度好得多，是更安全的选择。
色盲模拟器是免费的吗？
是。本站所有工具完全免费，无需注册登录、无广告干扰，打开即用。
使用色盲模拟器，我的数据安全吗？
安全。该工具在你的浏览器本地完成处理，输入内容不会上传到服务器，隐私更有保障。