👁️ 关于色盲模拟器 ▼

色盲模拟器通过数学矩阵变换，模拟不同类型色觉缺陷者看到的颜色效果，帮助设计师和开发者创建对色盲用户友好的界面设计。

色盲模拟的原理是什么？

通过 3x3 颜色矩阵对 RGB 值进行线性变换，模拟不同类型色觉缺陷者视网膜锥体细胞的缺失或异常响应。弱型（Anomaly）通过将色盲矩阵与单位矩阵做 50% 插值来实现部分缺陷模拟。

这些模拟结果准确吗？

模拟结果基于 Viénot、Brettel 和 Machado 等学者的学术研究成果，是当前最广泛使用的色盲模拟算法。但实际色觉缺陷因人而异，模拟结果仅供设计参考，不能完全代表个体视觉体验。

如何确保设计对色盲友好？

建议：1) 不仅依赖颜色传达信息，同时使用形状、图标或文字标注；2) 使用本工具检查关键颜色在不同色盲类型下的可区分性；3) 确保颜色对比度满足 WCAG 2.1 标准（至少 4.5:1）。

📚 深度解析：色盲模拟器

常见类型

红色盲（Protanopia）、绿色盲（Deuteranopia）最常见，约占男性 8%；蓝色盲（Tritanopia）极少。模拟后若红/绿两色混淆，应改用形状或文字标签辅助区分。

设计建议

不要只用颜色传达状态（如仅用红绿表示对错），加图标或文字；用蓝/橙对比比红/绿对比对色盲更友好。

📖关于「色盲模拟器」 ▼

色盲模拟器是一款设计创意领域的在线工具。设计创意工具，可视化操作，一键生成 CSS 代码。

这个工具是免费的吗？

完全免费，无需注册，直接在浏览器中使用。

生成的代码可以直接用吗？

可以，生成的 CSS 代码符合标准，可直接复制到项目中使用。

支持自定义参数吗？

支持，提供多种参数调节选项，满足个性化设计需求。

色盲模拟器