色盲模拟器 Pro
专业色觉缺陷(CVD)模拟器:支持红色盲、红色弱、绿色盲、绿色弱、蓝色盲、蓝色弱、全色盲、蓝锥单色共 8 种色觉类型的实时模拟,可对单个颜色、整组调色板或上传…
🧪 Color Blindness Simulator Pro
A professional color vision deficiency (CVD) simulator. It models 8 vision types in real time — protanopia, protanomaly, deuteranopia, deuteranomaly, tritanopia, tritanomaly, achromatopsia and blue-cone monochromacy — and transforms a single color, an entire palette or an uploaded image. Includes a WCAG 2.1 contrast checker, a CIE Delta-E confusion matrix and color-blind-safe palette suggestions. Everything runs locally in your browser; images are never uploaded.
红色盲/绿色盲/蓝色盲采用 Machado、Oliveira 与 Fernandes(2009)提出的线性 RGB 变换矩阵,该矩阵把「sRGB → LMS 锥体响应 → 缺陷锥体补偿 → 逆变换」三步合并为单个 3×3 矩阵,作用于线性光(linear-light)RGB。色弱(anomaly)通过在单位矩阵与完全型矩阵之间按严重度线性插值得到。全色盲按 Rec.709 亮度直接灰度化。蓝锥单色视为近似模型:亮度走暗视觉光效函数 V′(λ)(视杆在红光端响应极弱、绿光端最敏感,因此患者看红色最暗、看绿色偏亮),色调仅保留 S 锥相对同亮度灰阶的「蓝超出量」,故白偏蓝、黄转灰、红转暗灰。色差计算走 sRGB → CIE XYZ(D65) → CIE Lab,提供 ΔE76 与 ΔE2000 两种度量。
严重度仅在色弱型(anomaly)上按默认 60% 起算;完全型(opia)默认 100%。拖动滑杆可观察从轻度色弱到完全色盲的连续变化。
图片仅在本地处理:读取后绘制到 canvas 逐像素做矩阵变换,全程无网络请求。为控制耗时,超大图会先等比缩放到最长边 1280px。
在 OKLCH 感知均匀空间采样候选色,逐一做 8 型色觉变换后转 CIE Lab,用贪心算法选出使「全部 8 型下两两最小 ΔE」尽可能大的一组颜色。
📚 深度解析:色盲模拟器
💡 常见使用场景
- 设计自查:UI、图表、地图配色在红绿/蓝黄色盲视角下模拟,提前发现「靠色不可分」的问题。
- 无障碍评审:对海报、仪表盘、教学图做色盲视角复核,满足 WCAG 对比与可辨识要求。
- 科普演示:把同一图在各类色觉缺陷下并排展示,直观说明观感差异。
❓ 常见问题(FAQ)
- 模拟器能替代真实色觉检测吗?
- 不能。它展示的是近似观感,用于设计预判与科普,真实色觉评估需由眼科或专业色觉测试完成。
- 为什么同一红绿色盲不同人差异大?
- 色觉缺陷有程度之分(轻度/中度/重度),且红(protan)/绿(deutan)类型不同,矩阵严重度参数不同,模拟结果随之变化。
- 模拟矩阵的原理是什么?
- 主流用 Machado、Oliveira 与 Fernandes(2009)提出的按严重度插值的线性 RGB 变换,作用于线性光空间再回显,比简单去色更接近真实色觉偏移。
工具简介
用 Machado 线性 RGB 变换矩阵把图像模拟为各型色觉缺陷观感,帮助设计前预判配色在色觉缺陷人群中的可读性。
功能特点
- 红/绿/蓝多型模拟
- 按严重度插值
- 图像实时预览
使用场景
- UI/图表配色自查
- 无障碍评审复核
- 色觉差异科普演示