色盲模拟器 Pro

🧪 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%。拖动滑杆可观察从轻度色弱到完全色盲的连续变化。

原始颜色 #FF6B35
红色盲 Protanopia ·
8 种色觉类型下的呈现 点击卡片切换放大对比 · 点击 HEX 复制
ΔE 0–5 几乎无差异 ΔE 5–15 可察觉 ΔE >15 与原色明显不同

各色觉类型下的调色板
色差矩阵 · 混淆预警
ΔE(CIE Lab 色差)判读:< 5 两色在该色觉下几乎无法区分,属于严重混淆;5–10 难以区分,不建议用于需要编码语义的图表;10–20 可区分但需邻近对比;> 20 区分清晰。图表配色建议保证任意两色在全部 8 型下 ΔE ≥ 10。

图片仅在本地处理:读取后绘制到 canvas 逐像素做矩阵变换,全程无网络请求。为控制耗时,超大图会先等比缩放到最长边 1280px。

尚未选择图片。请点击上方「选择文件」,或载入内置示例图体验效果。
WCAG 2.1 对比度 =(L+0.05)/(L+0.05),L 为相对亮度。达标线:常规正文 AA 需 ≥4.5:1、AAA 需 ≥7:1;大号文字 AA 需 ≥3:1、AAA 需 ≥4.5:1;非文字元素需 ≥3:1。注意:色觉模拟会改变颜色的相对亮度,因此同一组配色在不同色觉类型下的对比度并不相同——这正是本表要暴露的问题。

在 OKLCH 感知均匀空间采样候选色,逐一做 8 型色觉变换后转 CIE Lab,用贪心算法选出使「全部 8 型下两两最小 ΔE」尽可能大的一组颜色。

使用边界说明:本工具是设计与自查辅助工具,所有模拟结果来自色彩科学模型的数学推算,不等同于医学诊断,也不能替代色觉检查(如石原色盲检测图、Farnsworth D-15 排列测试)。若要确认自己是否患有色觉障碍,请到医疗机构做专业检查。模型的已知局限:蓝锥单色视为近似实现;严重度插值采用线性方案,与真实 anomaly 光谱响应存在偏差;不同显示器色域与亮度也会影响观感。

📚 深度解析:色盲模拟器

💡 常见使用场景

红绿色盲模拟
取图像线性光 RGB,按 Machado 红色盲(protan)严重度矩阵变换后回 gamma;若原图用红/绿编码两组数据,模拟后两色趋近黄棕、难以区分,提示改用蓝/橙或叠加形状编码。

❓ 常见问题(FAQ)

模拟器能替代真实色觉检测吗?
不能。它展示的是近似观感,用于设计预判与科普,真实色觉评估需由眼科或专业色觉测试完成。
为什么同一红绿色盲不同人差异大?
色觉缺陷有程度之分(轻度/中度/重度),且红(protan)/绿(deutan)类型不同,矩阵严重度参数不同,模拟结果随之变化。
模拟矩阵的原理是什么?
主流用 Machado、Oliveira 与 Fernandes(2009)提出的按严重度插值的线性 RGB 变换,作用于线性光空间再回显,比简单去色更接近真实色觉偏移。
📖关于「色盲模拟器 Pro」

📝工具简介

用 Machado 线性 RGB 变换矩阵把图像模拟为各型色觉缺陷观感,帮助设计前预判配色在色觉缺陷人群中的可读性。

功能特点

🎯使用场景