快速、私密的色盲模拟器
为所有人设计，意味着要确保色觉障碍（CVD）人群也能清晰阅读你的视觉内容。这款色盲模拟器允许你上传任何图片——无论是UI原型图、数据可视化图表还是照片——并即时预览它们在色盲人群眼中的效果。
由于该工具完全在浏览器中运行，你的图片绝不会被上传到服务器。你可以安全地测试机密的UI设计、未发布的游戏素材或私密的客户作品。像素处理直接在你的设备上完成，提供即时反馈，无需等待服务器上传。
四种类型的色觉障碍
人类的色觉依赖于眼睛中吸收红、绿、蓝光的三种视锥细胞。当一种或多种视锥细胞缺失或功能异常时，就会改变人们对颜色的感知。本工具以 1.0 的严重程度（受影响的视锥细胞完全缺失）模拟了四种主要的色盲类型：
红色盲 (Protanopia) 红色盲患者缺乏红色视锥细胞。他们眼中的红色看起来比正常情况下暗得多，通常会偏向黑色或深棕色，而绿色、黄色和橙色看起来都像是不同深浅的黄色。在设计警告标签或错误状态时，使用红色盲模拟器至关重要，因为在深色背景下，鲜红色的文字可能会变得几乎看不见。
绿色盲 (Deuteranopia) 绿色盲是最常见的色盲类型，由缺乏绿色视锥细胞引起。它与红色盲非常相似，患者极难区分红色、绿色、棕色和橙色。生成绿色盲测试图是评估设计最重要的步骤之一，特别是对于交通信号灯系统或显示盈亏的财务图表。
蓝色盲 (Tritanopia) 蓝色盲是一种更为罕见的类型，患者缺乏蓝色视锥细胞。蓝色盲患者容易将蓝色与绿色混淆，将黄色与紫色或粉色混淆。他们眼中的世界主要呈现出红色、青色和粉色调。
全色盲 (Achromatopsia) 全色盲即完全丧失色觉。全色盲患者看到的世界完全是灰度的（黑白）。虽然这种情况很罕见，但进行全色盲测试是终极的无障碍颜色检查。如果您的设计在纯灰度模式下依然清晰易读，说明它依赖于对比度和形状而不是色调，这意味着几乎所有人都能无障碍地使用它。
何时使用色彩无障碍测试
仅靠颜色来传达信息是设计中常见的误区。使用色盲模拟器测试您的设计资源，可以帮助您在产品发布前发现并解决这些问题。
数据可视化与图表。 折线图和饼图通常使用不同颜色的方块作为图例。如果您用红色和绿色来区分两条线，在绿色盲用户看来它们可能完全一样。测试您的图表有助于您了解何时需要添加底纹图案、改变线条粗细或直接添加文本标签。
用户界面与网页设计。 传统上，错误提示为红色，成功提示为绿色。如果表单字段仅通过变红来提示错误，而没有相应的图标或文字说明，色盲用户可能无法察觉到错误。您可以将此工具与颜色对比度检查器结合使用，以确保文本清晰易读且 UI 状态明确。
游戏设计。 电子游戏经常使用颜色来区分敌我，或高亮显示可交互物品。对游戏截图进行色盲模拟测试，可以确保患有色觉障碍（CVD）的玩家不会将关键的游戏元素与背景混淆。
品牌标识。 在开发新品牌时，检查 Logo 和营销物料的视觉表现非常有帮助。如果您需要微调品牌颜色以提高区分度，可以尝试使用配色生成器来构建更具无障碍性的色彩基础，或者使用图片取色器从现有设计资源中提取并调整有问题的特定色调。
色盲模拟器如何处理图像
这款工具并非简单地添加普通色彩滤镜，而是采用了 Machado、Oliveira 和 Fernandes（2009）研发且经过科学验证的转换矩阵。
为了实现精准模拟，该工具首先会将图像的标准 sRGB 像素转换为线性 RGB 色彩空间。这一步至关重要，因为标准数字图像通常使用非线性伽马曲线来高效存储色彩数据。如果直接对非线性像素应用色盲算法，会导致模拟结果不准确且画面过暗。通过先转换为线性光，应用 Machado 矩阵，再转换回 sRGB，该工具能够准确模拟光线进入人眼的物理过程。
由于这种逐像素计算的运算量极大，该工具会自动缩小尺寸过大的图像（最长边限制为 1200 像素）。这能确保浏览器顺畅处理算法并瞬间渲染出四种模拟效果，同时避免耗尽设备内存或导致页面卡顿。