色弱模拟

红绿蓝黄色觉预览

在线工具箱 / 图像媒体

色弱模拟:把你的设计稿按红绿蓝黄几种色觉异常类型模拟一遍,看看色觉障碍的人看到的是什么样。按住画布左右拖动,分割线左边是原图、右边是模拟结果,直接对比。这个功能常用来检查配色 —— 只靠红绿区分状态的界面,色弱用户多半看不出来。

怎么理解浓度

0% 是正常视觉,100% 是完全色盲,中间值对应「色弱」。现实里绝大多数色觉异常的人落在中间这一段,而不是全盲 —— 只看 100% 的效果容易高估问题的严重性。调中间几档看看,那才是真实用户看到的样子。

说明

本机处理
图片不上传、不消耗积分,免费随便试。输出最长边不超过 1600 像素。
下载的内容
下载的是整张模拟结果,不含那条分割线 —— 拿去做设计评审配图正合适。
怎么用这个结果
模拟出来发现「两种状态看着一样」就是问题所在。改的办法通常是加形状、加图标、加文字标签,而不是只换颜色。

同类工具