壁纸

色盲模拟器

预览你的设计在8%用户眼中的效果

预览你的设计在色觉缺陷人群眼中的效果。

拖入图片提取颜色,或选择下方颜色

免费试用。

大约8%的男性和0.5%的女性存在某种形式的色觉缺陷。此工具可模拟你的图像在每种常见色盲类型患者眼中的效果——红色盲(无法感知红色)、绿色盲(无法感知绿色)、蓝色盲(无法感知蓝色)以及全色盲(灰度视觉)。在图表、UI截图或照片上使用它,在用户发现之前捕捉那些不可见的可访问性问题。

每种类型的含义

  • 红色盲(占男性1%):无法看到红色。红色呈现为暗灰黄色。
  • 绿色盲(占男性1%):无法看到绿色。最常见的形式。红色和绿色看起来相似。
  • 蓝色盲(非常罕见):无法看到蓝色。蓝色和黄色看起来相似。
  • 全色盲(极其罕见):完全没有色觉——纯灰度视觉。
  • 异常三色视觉(占男性5%):敏感度降低而非缺失。我们模拟中等程度的情况。

需要关注的内容

  1. 仅依赖颜色区分的图表图例。红色和绿色线条对绿色盲患者无法区分。
  2. 仅用红色标记的表单错误。应配合图标或文字标签。
  3. 状态指示器。红/黄/绿的交通灯配色方案是最糟糕的情况。
  4. 饼图和堆叠条形图。相邻的相似色调切片会失去边界。

配合对比度检查器使用

色盲是可访问性的一个维度;对比度是另一个维度。在相同的截图下运行对比度检查器,验证前景/背景组合是否符合WCAG AA / AAA标准。

应用场景:数据可视化

默认的图表调色板(matplotlib的tab10、Excel的默认配色)包含有问题的颜色组合。通过此工具运行你的仪表盘,查看哪些系列会发生混淆。推荐替代方案:viridis、cividis、ColorBrewer的可访问发散调色板。

常见问题

模拟的准确度如何?

这是一种基于已发表研究(Brettel et al.)的感知近似。真实色觉缺陷用户可能会看到细微差异,但这种近似足以捕捉设计缺陷。

支持哪些输入格式?

JPG、PNG、WebP、HEIC,最大25 MB。适用于照片、截图、设计文件。

我可以一次性下载全部四个模拟效果吗?

可以——导出为2×2网格PNG格式,同时展示四个效果并列对比,并包含原始图像。非常适合在设计评审中分享使用。

它适用于视频吗?

不,仅适用于图片。对于视频,请模拟一个代表性帧。

为什么我的红色看起来像棕色?

这是绿色色盲(deuteranopia)的表现——感知绿色的视锥细胞功能减弱,导致红色偏向棕色和暗黄色。

动画GIF呢?

我们只处理第一帧。如果需要完整序列,请单独运行静态帧。

这是用来诊断色盲的吗?

不是——这是一个设计工具。诊断性的石原色盲测试图需要在临床环境中进行。

WCAG对颜色使用有何指导?

WCAG 1.4.1规定“颜色不能作为传达信息的唯一视觉手段”。始终将颜色与形状、标签或图案搭配使用。

关于 色盲模拟器

色盲模拟器 是Wallpapers.com的免费在线工具,完全在浏览器中运行——无需安装、无水印、首次尝试无需邮箱注册。 预览你的设计在色觉缺陷人群眼中的效果。

使用方法 色盲模拟器

  1. 从色板中选择颜色,或粘贴HEX/RGB值。
  2. 调整输出 — 调色板、对比度、互补色
  3. 复制值,或将色板导出为 JSON

何时使用

常见用例包括: 为网页上传、电商列表、有格式限制的社交媒体平台准备图片,以及在不同设备或应用间转换文件

Free vs Premium

每位访客均可免费试用一次;登录的免费用户可获得更高的每日配额。订阅 高级版 以获得无限次运行、每批最多处理 200 张图片、优先队列和无广告浏览

相关工具

想要略有不同的功能?试试 图片取色器 , 调色板提取器 渐变生成器 — or browse all 颜色工具 工具.

高级版

解锁所有工具——无上限,无等待

  • ✓ 每月200 AI积分——图像生成、放大、修复
  • ✓ 批量处理(一次最多200个文件)
  • ✓ 8K下载 + 无广告浏览
  • ✓ 优先队列 — 无速率限制
免费试用7天 →
实时
制作壁纸
用 AI。
试用