👁️

色盲模拟器

上传任意图像,查看它在色觉缺陷人群眼中的效果。测试你的 UI、图表和设计的无障碍性。模拟完全在浏览器中运行——不上传、不经过服务器。

生成器工具 本地运行 不发送数据
无障碍 色觉 WCAG 设计 仅客户端
图片
📷
拖放图片到此处,或点击上传
PNG、JPG、GIF、WebP — 最大 10 MB
视觉类型
👁
上传图片以模拟色盲
💡
模拟使用基于 LMS 的颜色变换矩阵(Brettel 方法)。关于 8% 的男性 和 0.5% 的女性 存在某种色觉缺陷。使用 对比度检查器 确保文本符合 WCAG AA/AAA 标准。

什么是色盲模拟器?

模拟图像在色觉缺陷人群眼中的样子。测试红色盲、绿色盲、蓝色盲和全色盲。免费、基于浏览器、不发送数据。

如何使用色盲模拟器

  1. 上传你想检查的图片或屏幕设计。
  2. 在不同的色觉缺陷模式之间切换。
  3. 比较关键 UI 元素、图表或标签在各模式下的变化。
  4. 如果预览中重要含义丢失,请调整设计颜色。
了解色盲模式 ▾
示例
输入 上传使用红色和绿色系列颜色的图表
输出 预览红色盲、绿色盲和蓝色盲变体,以检查各系列是否仍可区分
常见使用场景
  • 审查依赖红色与绿色状态色的图表
  • 测试 UI 状态在没有颜色标签时是否仍可区分
  • 在发布信息图前发现高风险配色
  • 检查截图和营销素材的无障碍性
常见问题
我应该仅依靠颜色来传达信息吗?

否 —WCAG 1.4.1 要求颜色不能是传达信息的唯一方式。请始终将颜色与图标、图案或文本标签搭配使用。

模拟的准确度如何?

该模拟使用成熟的颜色矩阵变换。它只是近似结果——个体感知会有所不同。

色盲模拟器在线版——免费测试 UI 无障碍能做什么?

色盲模拟器在线版——免费测试 UI 无障碍完全在浏览器中运行,帮助您完成此任务,无需将数据上传到服务器。

色盲模拟器在线版——免费测试 UI 无障碍可以免费使用吗?

是的。此工具可免费使用,无需注册。