Skip to content
色盲模拟器
Tools

色盲模拟器

预览图片在各类色觉缺陷人群眼中的呈现效果。

100% in your browser. Your image, palette and webcam stream are processed on a canvas on your device and are never uploaded — unlike tools that send or downscale your file.

No image? Try

Palette safety checker

Paste hex codes to see each swatch under every CVD type. If two colours collapse into the same tone, they're not safe to rely on alone.

These simulations model the average appearance of each colour vision deficiency using the Machado (2009) matrices. Real colour vision varies between individuals — this is a design and accessibility aid, not a medical diagnosis. For a vision assessment, see an eye-care professional.

Runs entirely in your browser. Nothing is uploaded.

用色盲者的眼睛预览你的作品

这款色盲模拟器能将任意图像转换为模拟色觉缺陷患者所见的效果。上传截图、图表、地图或照片——或使用内置示例——在红色盲、绿色盲、蓝黄色盲和全色盲之间切换,立即发现设计中过度依赖颜色的部分。

与只能给当前页面添加滤镜的浏览器扩展不同,这款在线色盲模拟器直接处理你所选图像的实际像素、剪贴板内容或实时摄像头画面——并保留完整的原始分辨率,让你能以相同质量下载模拟结果。

Machado模型精准模拟,配备严重程度滑块

大多数免费模拟器只展示100%的完全二色视效果,夸大了大多数色盲人士实际所见。本工具采用Machado、Oliveira与Fernandes(2009)的生理学矩阵——与Chrome开发者工具使用的模型相同——并新增0–100%严重程度滑块,支持预览异常三色视。最常见的绿色弱(deuteranomaly)在40–60%时有最真实的预览效果,100%则模拟更罕见的完全绿色盲。

共覆盖八种类型:红色弱与红色盲、绿色弱与绿色盲、蓝黄色弱与蓝黄色盲、全色盲及蓝锥单色视。

对比、校正与检查

四种查看模式让问题一目了然。单图模式全屏显示一种类型;分屏对比滑块在原图和模拟图之间来回滑动;全类型网格一次上传即可渲染所有CVD类型;实时摄像头模式实时模拟摄像头画面。将鼠标悬停在图像上可使用内置取色器,读取任意像素的原始颜色与模拟颜色。

开启达尔顿化可预览经CVD校正的图像版本,将原本会混淆的颜色分别移至色盲者仍能分辨的通道——这是大多数免费模拟器没有的功能。

检查配色方案的可用性

设计师不总是手边有截图,因此内置的调色板检查器可让你粘贴十六进制颜色代码(例如#e11d48#16a34a),并在正常视觉和每种CVD类型下并排查看色块。如果你的"错误红"和"成功绿"对绿色盲用户看起来是同一种暗淡颜色,你会立刻发现——并知道需要添加图标或文字标签。

这是回答"我的配色是否对色盲友好?"最快捷的方式,无需离开页面或安装任何东西。

隐私优先设计——不上传任何内容

所有处理都在HTML canvas本地运行,图像、调色板和摄像头流永远不会离开你的设备。我们不设置服务器、不要求账户、不限制文件大小。这与那些将你的文件上传到服务器或在处理前压缩至800像素的模拟器形成鲜明对比——你的未发布设计稿始终属于你自己。

将其作为发布前的快速色觉缺陷检查:对图表、仪表盘、信息图、交通灯状态和品牌配色进行常见红绿色盲类型的检测,修复所有仅依赖色调的部分,发布大约每12位男性中就有1位能真正识别的内容。

与Coblis、Color Oracle和DaltonLens的对比

Coblis(coblis.com)是最知名的免费色盲模拟器,但它需要将图像上传到外部服务器,对未发布的UI设计存在隐私风险,且缺乏严重程度滑块。Color Oracle是Windows和Mac的免费桌面应用,可全屏叠加色盲模拟,但需要安装软件、不支持移动端、且不能模拟异常三色视。DaltonLens(daltonlens.org)提供Python库和浏览器工具——非常适合研究人员,但过于技术性,不够适合需要快速视觉检查的设计师。

本工具解决了上述三个问题:零服务器上传(本地canvas处理)、0–100%严重程度滑块、无需安装、支持包括iPhone和Android在内的任何设备,并在同一页面提供达尔顿化输出和调色板检查器。

指导工具,非医学诊断

这些模拟展示的是每种缺陷的平均视觉效果;真实的色觉因人而异,模拟器无法精确还原某个特定个体所见的画面。这是一款设计和无障碍辅助工具,而非医疗设备——如需评估自身色觉,请咨询眼科医生,进行石原氏测试或色觉计等专业检查。

Frequently asked questions

什么是色盲模拟器?

色盲模拟器将图像转换为模拟色觉缺陷(CVD)患者所见的效果。上传设计稿、图表或照片,模拟器通过CVD模型重新渲染像素——例如将红色盲患者眼中的红色和绿色合并为暗黄褐色——让你能识别仅依赖颜色传递的信息。本工具使用Machado(2009)矩阵,完全在浏览器内运行。

最常见的色盲类型是什么?

绿色弱(deuteranomaly)——绿色锥细胞敏感度降低——是最常见的类型,影响约6%的男性。这是一种局部(异常)缺陷,而非完全二色视,意味着受影响者仍拥有三种锥细胞,但光谱敏感度有偏移。将严重程度滑块设为40–60%(而非100%)可预览真实的绿色弱效果。

色盲有哪7种类型?

包含异常(局部)和二色(完全)形式:红色弱与红色盲(红色通道受损)、绿色弱与绿色盲(绿色通道受损)、蓝黄色弱与蓝黄色盲(蓝色通道受损),以及全色盲(无色彩感知)。蓝锥单色视有时被列为第八种类型。本模拟器覆盖所有类型。

我的图像会被上传吗?这个工具安全吗?

不会。所有处理都通过JavaScript在浏览器的canvas中完成;你的图像不会被发送到服务器、上传或存储。页面加载后断开网络连接,模拟器仍可正常运行——模拟过程中不发出任何网络请求。无需账户、无追踪、无服务器端文件大小限制。

什么是全色盲(Achromatopsia)?

全色盲是完全的色彩感知缺失——世界以灰阶呈现,因为锥细胞系统基本无法正常工作,只剩视杆细胞提供亮度信息。这种情况很罕见,约每3万人中有1人受影响,通常伴随畏光和视力下降。在类型选择器中选择全色盲,可将图像转换为基于亮度的灰度图。

模拟器的准确度如何?

准确度取决于所使用的模型。本模拟器采用Machado、Oliveira和Fernandes(2009)的生理学模型——与Chrome开发者工具使用的模型相同——并加入严重程度滑块支持异常三色视。这是非常出色的设计审查近似工具,但它模拟的是CVD的平均视觉效果,而非对特定个体视觉的临床诊断。

在iPhone和Android上能用吗?

可以。模拟器完全响应式,在所有现代移动浏览器中均可运行——iPhone/iPad上的Safari以及Android上的Chrome或Firefox。从相册上传图像、粘贴截图或使用图像选择器均可。摄像头模拟功能在移动设备上也正常工作,所有处理都在设备GPU加速的canvas本地完成,无需上传数据。

Related tools

查看全部工具