色盲模拟器

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

红绿色盲

蓝黄色盲

全色盲

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

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

或试用示例图片

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

See Specific Real-World Scenarios

Curious how color blindness affects everyday situations? These focused pages simulate common scenes.

Traffic Lights

See how red, amber, and green signals look with each type of color blindness.

Food & Ripeness

How colorblind people tell if fruit and meat are ripe or cooked.

Everyday Life

Apps, status icons, maps, and charts seen through colorblind eyes.

Nature & Sunsets

Forests, flowers, autumn leaves, and sunsets seen through colorblind eyes.

Explore by Type of Color Blindness

See a focused before-and-after for each type, or upload your own image with the tool above.

ProtanopiaSoon

Missing red cones — reds look dark and muted, easily confused with green and brown.

DeuteranopiaSoon

The most common type — greens shift toward beige and blend with reds.

TritanopiaSoon

Missing blue cones — blues turn greenish and yellows shift toward pink.

AchromatopsiaSoon

Complete color blindness — the world seen entirely in shades of gray.

什么是色盲模拟器？

色盲模拟器会变换图像，近似呈现色觉缺陷（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 三种情况。

来源

Machado, Oliveira & Fernandes (2009) — A Physiologically-Based Model for Simulation of Color Vision Deficiency (IEEE TVCG)
DaltonLens — Review of open-source color blindness simulations & Brettel/Viénot/Machado matrices
National Eye Institute (NEI) — Overview of color blindness types, causes, and diagnosis
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 与全色盲，且完全与异常两种形式都有。对无障碍工作而言，这是发现「某配色对某一群体崩溃、而你看着却没问题」的最快方式。如果重要信息在每一格中都能保留，你的设计就足够稳健。