跳转到正文
patrache.tools

色盲模拟器

免费在线色盲模拟工具。模拟红绿色盲、蓝色盲等各类色觉缺陷效果。验证网页无障碍性。浏览器处理。

拖放或点击上传图片
lock文件不会上传到服务器
分享
嵌入

将此工具嵌入你的网站

免费在线色盲模拟器,显示图像和颜色在各类色觉障碍人群眼中的样子。 浏览器中处理,不上传文件。 无障碍设计测试和UI/UX验证必备。 色盲模拟器在网页设计、品牌设计和UI制作中精确处理颜色时非常实用。 无需安装或登录,在电脑和手机的浏览器中即可直接使用。 所有处理均在您的设备本地完成,使用更加安心。

如何使用色盲模拟器?

  1. 上传图像或输入颜色。
  2. 选择要模拟的色觉缺陷类型。
  3. 查看结果以验证无障碍性。

色盲模拟器常见问题

可以模拟哪些色盲类型?

红绿色盲(第一、第二型)、蓝黄色盲(第三型)、全色盲等主要类型。

可以模拟整张图像吗?

是的,上传图像后会按选择的类型完全转换显示。

除了颜色,还该加什么才能让色觉障碍者分辨得出来?

把颜色当作辅助线索,信息本身还要通过别的方式传达。图表里可以改变线型(实线、虚线)或标记形状,并把系列名称直接标在线条旁边。表单里不要只靠红色边框,配上错误文案和图标;链接也别只用颜色区分,保留下划线效果最好。

色觉障碍到底有多常见?真的值得为此专门设计吗?

红绿色觉障碍在男性中约占 8%、女性约占 0.5%,全球接近三亿人。即便是只有一百名访客的小站点,其中男性用户里也会有好几位看到的画面与你不同。何况只靠颜色区分的界面,在黑白打印或阳光下的暗屏上对谁都不好读,所以这份考量最终惠及所有人。

如何充分利用色盲模拟器?

  • 红绿色觉异常最为常见,所以不要只靠红与绿来区分成功和失败。
  • 图表除了颜色,还应加上形状、纹理或直接标注,去掉颜色也能读懂。
  • 不要只用颜色标示链接,加上下划线才能让所有人识别。

Powered by Patrache Studio Tools

请允许此网站展示广告

要使用这些工具,请关闭对此网站的广告拦截。广告收入支持我们免费提供服务。

点击广告拦截器图标,关闭对此网站的拦截,然后重新检查。