在线色盲模拟器 - 测试图片配色无障碍

色盲模拟器：用色盲的眼睛看设计

这款色盲模拟器能展示你的图片和颜色在色觉缺陷（CVD）人群眼中的样子。放入一张截图、照片或一个 HEX 颜色，即可立刻预览绿色盲、红色盲、蓝色盲或全色盲患者看到的效果。

约有 8% 的男性和 0.5% 的女性存在某种形式的色盲，因此在你看来明显不同的两种色调，对很大一部分受众而言可能根本无法区分。设计师、开发者和无障碍测试人员都用这款工具，在上线前发现颜色冲突。

私密设计：每次模拟都通过 Canvas API 在你的浏览器中运行。你的图片和摄像头画面绝不会离开你的设备，也绝不会上传到服务器。

在图片模式下，点击上传区域、拖放文件，或用 Ctrl+V 从剪贴板粘贴。你也可以载入内置示例（水果、交通、自然），或从摄像头抓取一帧画面。若只想检查单一色调，切换到颜色模式即可。

选择绿色盲（Deuteranopia）、红色盲（Protanopia）、蓝色盲（Tritanopia）或全色盲（Achromatopsia）。模拟结果会即时更新。

拖动图片上的分隔线，在原图和模拟视图之间擦拭切换；或点击查看全部类型，在一张网格中并排查看所有色觉模拟效果。

将模拟图片保存为 PNG（文件名中会带上色觉缺陷类型），用于存档或缺陷报告。在颜色模式下，输入任意 HEX 色值，即可一次查看全部四种色觉缺陷的色块。

上传文件、拖放、用 Ctrl+V 粘贴截图、从摄像头拍摄，或载入内置示例图片，快速上手。

模拟绿色盲（Deuteranopia，约占男性的 6%）、红色盲（Protanopia）、蓝色盲（Tritanopia）和全色盲（Achromatopsia）。

拖动分隔线在原图和模拟图之间擦拭切换，精准看出哪些颜色会变得难以区分。

在一张网格中同时查看原图和全部四种色觉模拟，快速完成全面的无障碍检查。

用取色器或输入色值测试单个 HEX 颜色，以色块形式查看它在每种色觉缺陷下的变化。

将模拟图片下载为 PNG，文件名带上色觉缺陷类型，方便用于报告、工单或与团队分享。

基于 Brettel、Viénot & Mollon（1997）算法构建，这是一种经过验证的色觉缺陷近似方法。

所有处理都在你的浏览器中完成。图片绝不会上传或存储，载入后工具还可离线使用。

色觉缺陷人群难以区分某些颜色。最常见的类型影响红绿感知，因此红色、绿色、橙色和棕色容易混在一起；较罕见的类型影响蓝黄感知；还有一种非常罕见的类型会完全失去色彩。这款模拟器重现了上述每一种视觉效果，让你亲眼看到其中的差别。

绿色盲（Deuteranopia）是最常见的类型，约影响 6% 的男性。红色盲（Protanopia）约影响 1% 的男性。蓝色盲（Tritanopia）较为罕见（不到 0.1%）。工具还包含全色盲（Achromatopsia），即完全失去色觉，这种情况非常罕见。

它采用 Brettel、Viénot & Mollon（1997）算法，这是一种经过科学验证的色觉缺陷模拟方法。没有任何模拟能完美复现另一个人的视觉，但它能给出可靠的近似结果，足以满足无障碍测试的需要。

上传一张你的设计截图，从最常见的绿色盲开始检查。如果重要颜色看起来仍然清晰可辨，再检查红色盲和蓝色盲。当两种颜色在模拟中变得完全相同时，患有该症状的人就无法区分它们，此时应添加第二种提示，比如图案、图标或文字标签。

不会。所有图片处理都完全使用 JavaScript 和 Canvas API 在你的浏览器中完成。你的图片和任何摄像头画面都绝不会离开你的设备，因此你的工作内容始终保持完全私密。

它支持浏览器能读取的常见格式，包括 JPEG、PNG、GIF 和 WebP。由于模拟过程中不会改动 Alpha 通道，PNG 的透明度会被保留。超过 2000 像素的图片会按原始宽高比自动缩放，以保证流畅的性能。

它能帮你找出色盲用户难以区分的颜色组合，这是无障碍工作的一部分。完整的 WCAG 合规还取决于对比度，因此请将这款模拟器与对比度检测工具搭配使用，以获得全面的覆盖。