速查在线工具箱 速查在线工具箱

色盲模拟

  • 打赏支持
  • 分享链接
  • 反馈建议
大约 每 12 名男性中有 1 人 存在红绿色觉异常。用这里检查海报、图表、按钮配色:如果色觉异常视图里两条曲线糊成一片、按钮和背景分不开,就说明配色需要调整。图片不上传,全部在本机处理。
点击选择图片,或拖到这里
支持 JPG、PNG、WebP、GIF 首帧,建议 4000 像素以内
100%

为什么要做色盲模拟

设计稿在自己屏幕上看着很清楚,不代表所有人都能读。红绿色觉异常人群看红与绿、橙与棕的差别非常小,常见的红涨绿跌、红色报错与绿色成功、折线图的双色系列,在他们的视角里可能变成同一种颜色。

这里用色觉缺陷模拟矩阵把图片换算成对应类型看到的画面,用于快速自查排版与配色,而不是诊断工具。

四种类型的差别

类型缺失的视锥细胞人群比例最易混的颜色
绿色盲 deuteranopiaM 型(中波长)男性约 6%红与绿、棕与绿
红色盲 protanopiaL 型(长波长)男性约 1%红与深绿、红与黑
蓝黄色盲 tritanopiaS 型(短波长)约万分之一蓝与绿、黄与粉
全色盲 achromatopsia三种锥细胞均异常极罕见所有颜色只余明暗

做通用设计时优先照顾绿色盲与红色盲,这两类合起来覆盖了绝大多数色觉异常人群。

强度滑块的用途

真实世界里很多人是「部分缺失」而非完全色盲,强度调到 60% 到 80% 更接近轻度色弱者的感受。若配色在 60% 强度下已经难以分辨,就必须改配色,而不是靠加深颜色硬凑。

怎么看结果改配色

先看两张图的色块是否还能区分。如果图表两条线在模拟图里变成同一条,换成明度差异而不是色相差异:一深一浅、一实线一虚线,再加形状标记。文字与按钮则保证明度对比度达到 4.5 比 1 以上,色觉异常者对明度依然敏感。

这和图片对比度检查有什么区别

对比度检查算的是前后景明度比,解决的是「看不清」;色盲模拟解决的是「分不出」。两个都过一遍,无障碍才算做扎实。站内的颜色对比度检查工具可以配合使用。

会改变原图吗

不会读回原文件,也不会覆盖。下载的是新生成的模拟图,原图始终保持不变;整个过程在浏览器内完成,图片不会被上传。