无需登录 数据私有 本地保存

色觉缺陷模拟器 - 上传图片体验不同色盲

24
0
0
0

色觉缺陷模拟器

上传图片,体验不同类型色盲眼中的世界

拖拽图片到此处,或点击上传
支持 JPG / PNG / WebP,最大 20MB

上传图片后,这里将显示对比视图

拖动中间滑块对比原图与模拟效果
常见问题与知识点

色觉缺陷(Color Vision Deficiency, CVD),俗称色盲,是指眼睛感知颜色能力低于正常水平的状态。全球约 8% 的男性0.5% 的女性存在某种形式的色觉缺陷。最常见的类型是红绿色盲(包括红色盲和绿色盲),占所有色觉缺陷的约99%。完全色盲(全色盲)非常罕见,约占总人口的0.00003%。

  • 红色盲(Protanopia):L锥体(长波长感光细胞)完全缺失,无法区分红色和绿色,红色看起来较暗,常与绿色、棕色混淆。
  • 绿色盲(Deuteranopia):M锥体(中波长感光细胞)完全缺失,同样难以区分红色和绿色,但亮度感知正常。这是最常见的色盲类型。
  • 蓝色盲(Tritanopia):S锥体(短波长感光细胞)缺失,无法区分蓝色和黄色,蓝色看起来偏绿,黄色看起来偏粉。极为罕见,且通常不是遗传性的。
  • 色弱(Anomaly):相应锥体功能减弱而非完全缺失,颜色辨别能力下降但仍保留部分色彩感知。

本工具基于 Brettel-Viénot-Mollon 色盲模拟算法(1997-1999年),这是学术界广泛认可的标准方法。其核心流程为:

  1. 将图片的 sRGB 像素值转换为线性 RGB(去除gamma校正)
  2. 将线性 RGB 转换到 LMS 色彩空间(模拟人眼三种锥体细胞的响应)
  3. 根据色盲类型,在 LMS 空间中进行平面投影(模拟锥体缺失)或插值(模拟色弱)
  4. 将处理后的 LMS 值转换回线性 RGB,再应用 gamma 校正得到模拟后的 sRGB 图像

色盲模拟器是无障碍设计(Accessibility)的重要工具。设计师可以通过它:

  • 检查信息图/图表:确保不同颜色的数据系列在色盲视角下仍可区分。避免仅依赖红绿对比来传达关键信息。
  • 验证UI状态色:成功(绿)/错误(红)在红绿色盲眼中可能难以区分,建议同时使用图标、文字标签或明度差异。
  • 地图与导航:确保路线颜色在各类色觉下都有足够对比度。
  • 品牌标识:了解品牌色在色盲用户眼中的呈现,确保品牌识别度不受影响。
  • 遵循 WCAG 2.1 无障碍指南,确保内容对所有用户都可感知。

色盲(-anopia)指某种锥体细胞完全缺失或完全无功能,患者完全无法感知该波段的光谱差异。色弱(-anomaly)指锥体细胞存在但功能减弱,患者仍能感知该波段的颜色,但辨别能力下降。色弱比色盲更常见。本工具中,色弱模拟采用正常视觉与完全色盲之间的50%加权混合来近似呈现色弱患者的视觉体验。

全色盲极为罕见,患者完全无法感知任何颜色,只能看到黑、白、灰的明暗变化。他们的世界类似于黑白电影。全色盲通常伴随严重的畏光视力下降(约20/200),因为锥体细胞几乎完全失效,仅靠视杆细胞感知亮度。本工具通过提取图像的亮度分量(使用加权灰度公式)来模拟全色盲的视觉体验。