大约 每 12 名男性中有 1 人 存在红绿色觉异常。用这里检查海报、图表、按钮配色:如果色觉异常视图里两条曲线糊成一片、按钮和背景分不开,就说明配色需要调整。图片不上传,全部在本机处理。
点击选择图片,或拖到这里
支持 JPG、PNG、WebP、GIF 首帧,建议 4000 像素以内
为什么要做色盲模拟
设计稿在自己屏幕上看着很清楚,不代表所有人都能读。红绿色觉异常人群看红与绿、橙与棕的差别非常小,常见的红涨绿跌、红色报错与绿色成功、折线图的双色系列,在他们的视角里可能变成同一种颜色。
这里用色觉缺陷模拟矩阵把图片换算成对应类型看到的画面,用于快速自查排版与配色,而不是诊断工具。
四种类型的差别
| 类型 | 缺失的视锥细胞 | 人群比例 | 最易混的颜色 |
|---|---|---|---|
| 绿色盲 deuteranopia | M 型(中波长) | 男性约 6% | 红与绿、棕与绿 |
| 红色盲 protanopia | L 型(长波长) | 男性约 1% | 红与深绿、红与黑 |
| 蓝黄色盲 tritanopia | S 型(短波长) | 约万分之一 | 蓝与绿、黄与粉 |
| 全色盲 achromatopsia | 三种锥细胞均异常 | 极罕见 | 所有颜色只余明暗 |
做通用设计时优先照顾绿色盲与红色盲,这两类合起来覆盖了绝大多数色觉异常人群。
强度滑块的用途
真实世界里很多人是「部分缺失」而非完全色盲,强度调到 60% 到 80% 更接近轻度色弱者的感受。若配色在 60% 强度下已经难以分辨,就必须改配色,而不是靠加深颜色硬凑。
怎么看结果改配色
先看两张图的色块是否还能区分。如果图表两条线在模拟图里变成同一条,换成明度差异而不是色相差异:一深一浅、一实线一虚线,再加形状标记。文字与按钮则保证明度对比度达到 4.5 比 1 以上,色觉异常者对明度依然敏感。
这和图片对比度检查有什么区别
对比度检查算的是前后景明度比,解决的是「看不清」;色盲模拟解决的是「分不出」。两个都过一遍,无障碍才算做扎实。站内的颜色对比度检查工具可以配合使用。
会改变原图吗
不会读回原文件,也不会覆盖。下载的是新生成的模拟图,原图始终保持不变;整个过程在浏览器内完成,图片不会被上传。
速查在线工具箱