色盲模拟

色盲模拟器

看看图表、截图或设计稿在红绿色盲、蓝黄色盲的人眼中是什么样 —— 发布之前先检查一遍。

色盲模拟

☞ 全程在你的浏览器中运行 —— 不会上传任何图片

将图片拖放到此处

或点击浏览 — 支持 JPG、PNG、WebP

Machado 2009 模型

色觉异常的人看到的是什么样

大约每 12 个男性、每 200 个女性中就有一人对颜色的感知与常人不同,其中大多数分不清红和绿:在你眼里明明是红色的折线,和旁边的绿线混成一条;只用红字标出的错误提示,看起来和普通文字没有区别;地图图例对不上地图。这个模拟器按几种主要色觉异常类型显示图片的样子,让你在图表、应用界面、幻灯片或海报发出去之前先检查一遍。

它采用 Machado、Oliveira 和 Fernandes 在 2009 年发表的基于生理的模型。多数色盲并不是完全色盲,所以还可以调严重程度:100% 模拟完全缺失的类型,较低的数值模拟更常见的色弱。计算在线性光强上进行,而不是直接对像素值运算;整张原尺寸图片在浏览器里处理,不上传任何内容。

三步完成

如何检查图片对色盲是否友好

01

打开图片

拖入 JPG、PNG 或 WebP —— 图表、截图、设计稿或照片都可以。

02

选择类型和严重程度

先看最常见的绿色盲(100%),再试红色盲和蓝色盲。在预览上拖动与原图对比,找出混在一起的颜色。

03

修改后再检查

如果有两样东西已经分不开,让它们的颜色在明暗上拉开差距,而不只是换色相;或者加上文字标注、图案、图标。可以下载模拟后的图片发给团队。

快速解答

色盲模拟常见问题

应该先测哪种类型?

绿色弱 / 绿色盲。它占色觉异常的大多数,其次是红色弱 / 红色盲。一张图对这两种都没问题,就适合绝大多数色盲读者。蓝色盲和全色盲很少见。

模拟准确吗?

它基于经过同行评审的视锥细胞响应模型,作为设计决策的参考是可靠的。但无法对某一个人做到完全精确:每个人的色觉不同,结果也受你的屏幕影响。

严重程度是什么意思?

多数色盲人群是某一种视锥细胞变弱,而不是完全缺失。100% 模拟完全缺失(红色盲、绿色盲、蓝色盲);较低的数值模拟更轻的色弱,这时颜色更难分辨,但并非完全分不出。

怎样让图表对色盲读者也清楚?

不要只靠色相区分。让颜色在明暗上也有差别,直接在线条旁标注而不是只用图例,再加上图案或标记点。蓝色和橙色对所有常见类型都能分清,红色和绿色则不行。

能把图片调成色盲人群看得清的颜色吗?

不能。它只显示图片看起来的样子,不做颜色校正。用它反复调整你自己的设计,直到在每种模拟下都看得清楚。

我的图片会被上传吗?

不会。图片的打开和处理全部在你的浏览器里完成,模拟后的图片直接进入下载目录。