色盲模拟器 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 光谱响应存在偏差;不同显示器色域与亮度也会影响观感。