色盲模拟
原图与模拟图并排对比,支持红色盲、绿色盲、蓝色盲与全色盲,强度可调。
100%
使用指南
- 导入图片
可以贴图片网址,也可以直接选本地文件;处理完的结果能下载成 PNG。
- 选色盲类型
红色盲和绿色盲最常见,蓝色盲罕见;强度调到 50% 可以看出哪些颜色最先开始混淆。
- 逐项自检
把界面截图丢进来逐个模式看:图表曲线、状态提示、链接与正文、表单错误提示,哪一项分辨不出来就改哪一项。
常见问题
红绿色盲到底有多常见?
全球范围内约 8% 的男性有红绿色觉缺陷,女性只有约 0.5%,因为相关基因在 X 染色体上,男性只有一条 X 染色体所以更容易表现出来。也就是说每 12 个男性里就有 1 个分不清红绿,产品设计时这是必须考虑的比例。
模拟结果和真实的色盲视觉一样吗?
不完全一样。二色视觉是常见的类型,模拟比较接近;但还有一类少见的单色视觉(只有明暗差别,完全没有颜色),用单纯的通道混合是模拟不出来的。模拟的价值在于暴露「哪些颜色会变得难以区分」,而不是精确还原某个人眼里的世界。
图片会被上传到服务器吗?
不会。图片的读取、像素处理和合成全部在浏览器的 canvas 里完成,页面不会发出任何带图片内容的请求。可以断网后使用,功能完全正常。
怎么用这个工具做设计自检?
把界面截图导进来逐个模式看:正文和链接还能区分吗、图表的多条曲线还能数清吗、按钮的禁用状态还能看出来吗、错误提示和普通文字还能分辨吗。任何一项答案是「不能」,就说明设计对色觉缺陷用户不友好。