很多人以为色盲就是「把红绿搞混」或者「全世界灰白」。其实绝大多数色觉差异者能看到颜色,只是某些波长的区分能力弱一些。问题在于:当你用「红=错误、绿=正确」做唯一信号时,他们可能根本分不清哪边是哪边。

一、最常见的几种类型

色觉差异按「哪一对颜色难分」分类型,最常见的是红绿色觉差异(又分 protan 和 deutan 两类),其次是蓝黄色觉差异(tritan),全色盲极其罕见。

红绿色觉差异不是「红和绿看起来一样」,而是两者在明度、饱和度上的差别被压缩了——比如深红和深绿、橙和黄绿,边界变得模糊。所以「红色按钮 vs 绿色按钮」这种纯靠色相区分的设计,对他们很不友好。

二、为什么「不加文字/形状」是设计坑

很多界面习惯用颜色 alone 传达状态:红色表示失败、绿色表示成功、黄色表示警告。对色觉差异者,这三个可能看起来是一组相近的暗色。补救很简单:颜色之外再给一个冗余信号——失败加个叉号、成功加个勾、警告加个叹号;或者把文字直接写上去(「失败」「成功」)。

图表同理。折线图里两条线如果只靠红/绿区分,色觉差异者会重叠成一条。用不同线型(实线/虚线)、不同标记(圆点/方块)一起区分,谁都能看懂。

三、对比度比你想的重要

色觉差异者更依赖明度(亮度)差来分辨元素。所以 WCAG 要求的「正文对比度至少 4.5:1」对他们尤其关键。浅灰字配白底、深灰字配黑底,这类低对比在普通人也勉强,对他们几乎不可读。

改配色前,用 颜色对比度 工具把前景/背景的比值实测一遍。不要凭「我看着还行」——很多设计师自己视力正常,主观判断会失真。

四、选色时留个「模拟」习惯

专业设计软件能模拟色觉差异视角(把图转成对方看到的样子)。没有的话,可以用在线模拟器。核心心法是:在最终定稿前,问自己一句「如果去掉颜色信息,这页还能不能用?」能用,说明冗余信号够;不能,就得补。

提取屏幕上的关键色时,颜色选择器 能精确取到像素值,避免「大概这个红」的误差,也方便拿去测对比度。

五、别忽视「色相之外的编码」

好的状态设计往往是多通道的:颜色 + 形状 + 文字 + 位置。举个反例,地图热力图只用红→蓝渐变表示密度,色觉差异者可能把高低读反;如果叠上线条疏密或数字标注,就不会误读。

这跟「深色模式别只反色」是一个道理:信息不能压在单一维度上。

六、工具链怎么用

实际工作里,一个顺手的小流程:设计稿定主色 → 用 颜色转换器 在 HEX/HSL 间切换、微调明度 → 用对比度工具验证前景背景 → 截图丢进色觉模拟器看一遍 → 确认去掉颜色后关键信息还在。

七、一点认知升级

色觉差异不是「缺陷」,是一种正常的视觉变异。把它当「另一种看世界的方式」更准。做产品时照顾他们,收益不止于合规——更好的对比、更明确的冗余信号,对所有人(尤其强光下、老年用户、低配屏幕)都是加分项。

小结:色盲多是「某些颜色难分」而非「看不见颜色」。设计别让颜色 alone 承载信息:加文字/形状冗余、保足对比度、养成模拟习惯。用对比度/取色/转换工具自查,界面才真正对所有人友好。