色盲模拟器
上传图片模拟红色盲、绿色盲、蓝色盲与全色盲等视觉效果,辅助无障碍设计与配色检查
上传图片
点击或拖拽图片到此处
支持 JPG、PNG、WebP 等常见格式,单张不超过 50MB(本地处理)
色盲类型
预览效果
正常视觉上传图片后查看效果
色盲类型说明
红色盲 (Protanopia)
无法有效感知红色,红绿色区分困难,红色可能更暗或偏棕。
绿色盲 (Deuteranopia)
无法有效感知绿色,红绿混淆常见,绿色可能偏米色或棕色。
蓝色盲 (Tritanopia)
难以感知蓝色与黄蓝差异,蓝色可能更偏绿色或灰色,较为罕见。
全色盲 (Achromatopsia)
几乎无法感知颜色,主要以灰度明暗来区分画面,较为罕见。
使用说明
这个工具是什么
色盲模拟器用于把图片转换为不同色觉缺陷(色盲/色弱)用户可能看到的视觉效果,帮助在发布前快速检查配色与信息传达是否清晰。
核心功能
- 上传图片后可一键切换多种色盲/色弱类型,并实时预览效果。
- 支持正常视觉对照,便于做 UI、海报、图表与产品图的可读性评审。
- 支持导出 PNG 模拟结果,方便在评审、汇报和设计交付中引用。
- 处理过程在本地浏览器中完成,不上传图片到服务器。
使用步骤
- 点击或拖拽上传图片。
- 在“色盲类型”中选择要模拟的类型(如红色盲/绿色盲/蓝色盲等)。
- 在预览区查看模拟效果,并与正常视觉对照判断信息是否仍可区分。
- 需要留存结果时,点击“下载模拟图片”导出 PNG。
类型说明
- 红色盲/红色弱:对红色通道敏感度降低,红绿区分难度提升。
- 绿色盲/绿色弱:对绿色通道敏感度降低,是更常见的红绿混淆类型。
- 蓝色盲/蓝色弱:对蓝色通道敏感度降低,黄蓝区分可能受影响。
- 全色盲/全色弱:彩色感知显著降低,更依赖明暗对比。
使用建议
- 对图表、热力图与状态色(成功/警告/错误)重点检查,不要只依赖颜色传达信息。
- 可同时检查亮度对比度与文字标注,确保在不同色觉条件下仍能识别。
- 如果颜色区分不清,考虑增加形状、纹理、标签或数值提示。
隐私说明
图片处理在浏览器本地完成,图片不会上传到服务器。