无障碍 / 颜色

色盲模拟器

并排查看图片、图表或设计在红色盲、绿色盲、蓝黄色盲或全色盲人士眼中的样子,也可查看较轻程度的情况。

色盲模拟器: 每一种色盲都是眼睛失去三种锥体细胞中的一种。模拟器会将每个像素转换为锥体细胞响应,再投射到失去该类锥体细胞的人能够区分的颜色上。它采用Brettel、Viénot和Mollon(1997)提出的方法,这是研究文献中的参考方法,由开源DaltonLens项目实现。较轻程度的情况会将模拟结果与原图混合。全色盲模拟只保留亮度。 完全在浏览器中本地运行,文件不会上传到服务器。

使用次数
在浏览器中
费用
免费·无需注册
可用性
可直接使用
色盲模拟器本地处理

完全在浏览器中运行

选择或拖放图片、屏幕截图或设计稿

点击、拖放或粘贴·仅保留在此设备上

达到100%时,一种视锥细胞类型完全缺失(二色视觉)。

正常视觉 原始图片
绿色盲 没有绿色视锥细胞:红色与绿色看起来相似;最常见,约6%的男性有其较轻的类型
红色盲 没有红色视锥细胞:红色看起来较暗,并且与绿色相似;约2%的男性有其较轻的类型
蓝黄色盲 没有蓝色视锥细胞:蓝色与绿色、黄色与粉色看起来相似;较罕见
全色盲 完全没有颜色,只有明暗之分;非常罕见

红绿色盲和蓝黄色盲

红色盲和绿色盲都会将红色、橙色、黄色和绿色混合看成一系列偏黄的棕色;红色盲还会将红色看得更暗。蓝色盲会混淆蓝色和绿色,以及黄色和粉色。在所有类型的色觉缺陷中,明度差异仍然可见,因此对比度比色相更重要。

要检查文本与背景之间是否有足够的明度差异,请使用颜色对比度检查工具。

图表和地图

图表受影响最严重,因为图例仅通过颜色来对应线条和柱形。可以直接在线条旁标注,除了色相也改变明度,或使用专为色觉缺陷设计的配色方案,例如蓝色搭配橙色。要提取现有图表中的颜色并进行比较,请使用颜色调色板提取器。

使用方法

  1. 选择或拖放图片、屏幕截图或设计;在操作前,页面会显示一组颜色样本。
  2. 并排比较五个版本;降低强度即可查看较轻程度的情况。
  3. 下载任意模拟版本,与团队分享。

隐私与限制

您的图片会在浏览器中处理,绝不会上传到网络。

相关工具

常见问题

色盲有多常见?

在具有北欧血统的人群中,约8%的男性和0.5%的女性存在某种红绿色盲,其中最常见的是轻度绿色弱。蓝黄色盲和全色盲较为罕见。

如何让设计适合色盲人士?

不要只依赖颜色:添加标签、图案或图标,并保持明显的明暗对比。红色和绿色并列是最容易混淆的组合;蓝色和橙色是更安全的搭配。

模拟结果准确吗?

它能较好地模拟二色视觉者如何匹配颜色,但不能代表每个人的实际体验,因为实际体验因人而异。您可以用它找出难以区分的颜色。

免费工具·使用在浏览器中次·无需账户