调色板 × 8 种色觉障碍
色盲模拟器
一次检测整套色板在 8 种色觉障碍下的表现。看看你设计里的"红色错误"和"绿色成功"，对 5% 区分不出红绿的用户来说是不是同一种颜色。
正常视觉
人群占比： 92%
绿色弱 Deuteranomaly
人群占比： 5.0% (men)
绿色盲 Deuteranopia
人群占比： 1.1% (men)
红色弱 Protanomaly
人群占比： 1.3% (men)
红色盲 Protanopia
人群占比： 1.0% (men)
蓝色弱 Tritanomaly
人群占比： 0.01%
蓝色盲 Tritanopia
人群占比： 0.008%
全色弱 Achromatomaly
人群占比： <0.005%
全色盲 Achromatopsia
人群占比： 0.003%
为什么要测整套色板
大多数模拟器一次只测一种颜色，正好错过真正的问题。
设计师测色盲，通常把一种颜色丢进单色模拟器，看到变化不大就觉得"没问题"。真正会出问题的不是"这个红看起来怪"——而是"这个红和这个绿在绿色盲下变成了一模一样的颜色"。单色工具看不出来。
我们把你的整套色板同时渲染在 8 种色觉障碍下。同一行里两个色块色值相同——失败。这对颜色对该用户来说信息上不可区分，任何依赖区分的 UI（绿好红坏按钮、图表图例、状态徽章）都会失效。
解决办法很少是换色相——而是加上非颜色的信号通道。状态徽章配图标；图表用图形或位置；图例旁加文字。颜色只是信息的一个通道，仅靠颜色承载信息的设计，对 12 个男性中的 1 个、200 个女性中的 1 个就是坏的。
8 种类型，按发生率排序
色觉障碍比设计师以为的常见得多。约 8% 的男性和 0.5% 的女性有某种色觉障碍——全球约 3 亿人。
红色轴（Protan：红色盲 + 红色弱）
红色视锥细胞缺失或敏感度降低。红色显得暗淡，偏向深橄榄或棕色。约占男性 2.3%。深色背景上的红字会变得极难辨认；"红坏绿好"的语义会失效。
绿色轴（Deutan：绿色盲 + 绿色弱）
最常见的色觉障碍——约占男性 6%。红绿混淆。其中绿色弱单独就有 5%，是所有色觉障碍中发生率最高的。如果你只有时间做一项测试，先用绿色弱测你的色板。
蓝色轴（Tritan：蓝色盲 + 蓝色弱）
罕见——人群占比不到 0.01%。蓝色与黄色混淆。设计上关注度低，但如果你的产品是金融仪表盘或航空工具、蓝/黄区分承载关键含义，仍值得测试。
全色盲 / 全色弱
完全（或几乎完全）没有色觉，世界呈灰度。极其罕见（约 0.003%），但模拟输出与黑白屏幕、断色投影或非彩色印刷下你的设计长相完全一致。
设计师自查清单
上线彩色编码界面前，过一遍这份清单。
- ✓色板里任意两色，在网格的任意一行都不会渲染成相同的 HEX。
- ✓状态徽章、错误状态、警告除了颜色，还有图标或文字。
- ✓图表系列除了颜色，还有形状 / 图案，或者数据系列直接贴在线上。
- ✓表单校验不仅靠红色描边——同时也有图标或说明文字。
- ✓正文里的链接有下划线，不仅是颜色不同。