色盲模拟器

上传任何图像,查看它在不同类型色觉缺陷者眼中是什么样子。所有处理都在您的浏览器中进行,您的图像不会被上传。

红绿色盲
蓝黄色盲
全色盲

拖放您的图片到这里或点击选择

支持 JPG, PNG, WebP · 您也可以从剪贴板粘贴

或试用示例图片

🔒 您的图片完全在您的浏览器中处理。没有任何内容上传到我们的服务器。

什么是色盲模拟器?

色盲模拟器会变换图像,近似呈现色觉缺陷(CVD)人群所看到的画面。它在你的浏览器中应用经过同行评审的色彩变换,让你能直接看到——而非猜测——一张照片、图表、地图或界面,对大约每 12 名男性中 1 人、每 200 名女性中 1 人这样色彩感知不同的人群是否依然有效。

与简单的 CSS 滤镜不同,本工具会先将图像解码到线性光空间再做变换,之后再重新编码。跳过这一伽马步骤是色盲模拟器最常见的错误——它会让中间调显得异常偏暗——因此这里的结果在感知上更忠实。

拖动严重程度滑块,可从轻度异常三色视(视锥偏移)平滑过渡到完全二色视(视锥缺失);或打开「全部类型」网格,一眼对比每一种色盲形式与原图的差异。

本模拟器使用什么算法?

并不存在唯一「最好」的色盲算法——最准确的选择取决于受影响的是哪种视锥。本模拟器为每种缺陷选用最合适的模型,与开源的 DaltonLens 参考工具采用相同思路:

Machado 2009 —— 用于红绿(protan 与 deutan)

Machado、Oliveira & Fernandes(2009)模型基于生理学,为每个严重度级别提供单独的矩阵。这意味着红色弱和绿色弱在任意强度下都能被正确模拟,而不是用「全二色视结果向原图淡化」的方式伪造。

Brettel 1997 —— 用于蓝黄(tritan)

对于蓝黄轴,Brettel、Viénot & Mollon(1997)至今仍是唯一经过验证的方法。它将每个颜色投影到 LMS 视锥空间中两个半平面之一,逐像素选择——这正是多数单矩阵实现处理蓝色盲时出错的细节。

亮度灰度 —— 用于全色盲

全色盲通过将颜色折叠为 BT.709 亮度来模拟,保留无功能色觉视锥的人仍能感知的相对明暗。

每一种变换都在 sRGB 解码后的线性 RGB 上运行,并重新编码用于显示。矩阵取自公有领域的 libDaltonLens 与 colour-science 的 Machado 数据集。

如何进行测试

上传图像

拖放、点击选择或从剪贴板粘贴图像。

选择类型

从红绿色盲、蓝黄色盲和全色盲三大类中,选择 8 种色盲类型之一。

比较与下载

并排查看原始图像与模拟图像,并将结果下载为 PNG 格式。

模拟的色盲类型

红绿色盲(Protan 与 Deutan)

最常见的类型,约影响 8% 的男性。红色盲(Protanopia,缺乏红色视锥细胞)和绿色盲(Deuteranopia,缺乏绿色视锥细胞)会让人难以区分红、绿、棕、橙等颜色。红色弱(Protanomaly)和绿色弱(Deuteranomaly)则较轻,视锥细胞仍然存在,只是敏感度发生了偏移。

蓝黄色盲(Tritan)

一种罕见类型,患病率不到总人口的 0.01%。蓝色盲(Tritanopia,缺乏蓝色视锥细胞)会让人难以区分蓝色与绿色、黄色与紫色。与红绿色盲不同,它对男女的影响相同,有时由衰老或眼部疾病引起。

全色盲(Monochromacy)

最罕见的类型,患者完全看不到颜色(全色盲 Achromatopsia),或色觉严重减弱(全色弱 Achromatomaly)。全色盲者眼中的世界只有深浅不一的灰色,通常还伴有畏光和视力下降。

谁需要色盲模拟器?

设计师与开发者

确保您的用户界面、图表和色彩方案对色觉缺陷用户仍然可访问且可区分。

教育者与学生

通过真实的视觉示例而不是抽象描述来教授或学习色觉缺陷。

家人和朋友

了解您的色盲亲人如何体验周围的视觉世界。

设计师无障碍检查清单

模拟器帮你发现问题;下面这些习惯帮你避免问题。如果你的设计在上方「全部类型」网格中依然表达清晰,它就能服务绝大多数用户。

  • 切勿仅靠颜色——同时配以文字标签、图标、纹理或位置。
  • 避免把红/绿作为状态之间的唯一区别(最常见的失败)。
  • 使用对色盲友好的配色,如 Okabe-Ito 或 ColorBrewer 的定性色板。
  • 正文 WCAG 对比度至少 4.5:1,大号文字与 UI 组件至少 3:1。
  • 用直接标注、线型或纹理区分图表系列,而非仅靠色相。
  • 上线前在此以完全严重度测试 protan、deutan、tritan 三种情况。

来源

  1. Machado, Oliveira & Fernandes (2009) — A Physiologically-Based Model for Simulation of Color Vision Deficiency (IEEE TVCG)
  2. DaltonLens — Review of open-source color blindness simulations & Brettel/Viénot/Machado matrices
  3. National Eye Institute (NEI) — Overview of color blindness types, causes, and diagnosis
  4. American Academy of Ophthalmology — Clinical information on color vision deficiency

常见问题

不会。所有图像处理都通过 HTML5 Canvas 完全在您的浏览器中完成,您的图像不会被上传、存储或传输到任何服务器,从而充分保障了隐私。
它为每种缺陷选用最合适的算法:红绿类型用 Machado 2009(对较轻的异常形式采用真正的逐严重度模型),蓝黄轴用 Brettel 1997。两者都在伽马正确的线性 RGB 上运行。这与开源的 DaltonLens 参考工具一致。需要说明的是,没有任何模拟能完美复现某个人的真实视觉——色盲因人而异,屏幕也只能近似。
红色盲(Protanopia)是红色视锥细胞完全缺失,因而完全无法感知红光。红色弱(Protanomaly)则较轻,红色视锥细胞仍然存在,只是敏感度发生偏移,导致红色感知减弱但并未完全消失。绿色盲/绿色弱(Deuteranopia/Deuteranomaly)和蓝色盲/蓝色弱(Tritanopia/Tritanomaly)之间也是同样的关系。
模拟器支持 JPEG、PNG 和 WebP 图像格式。您可以通过拖放、点击选择文件,或从剪贴板粘贴(Ctrl+V / Cmd+V)来上传图像。过大的图像会自动缩小,以加快处理速度。
可以!这是主要的使用场景之一。上传您的用户界面、图表、图形或任何视觉设计的截图,查看它们在不同类型色盲者眼中的表现。特别注意重要信息是否仍然可区分。对于正式的可访问性测试,还可以考虑检查WCAG颜色对比度比率。
大多数色盲者并非完全二色视——他们是视锥「偏弱」而非「缺失」,称为异常三色视。严重程度滑块可模拟整个范围:0% 为正常视觉,100% 为完全二色视(如完全红色盲),中间值代表较轻的红色弱或绿色弱。对红绿类型,每一档都使用各自的、源自生理学的 Machado 矩阵,而非简单淡化。
「全部类型」网格会同时用每一种缺陷渲染你的图像——protan、deutan、tritan 与全色盲,且完全与异常两种形式都有。对无障碍工作而言,这是发现「某配色对某一群体崩溃、而你看着却没问题」的最快方式。如果重要信息在每一格中都能保留,你的设计就足够稳健。