色盲模拟器 模拟不同类型的色觉缺陷患者看到的颜色。
色盲模拟器
模拟不同类型的色觉缺陷患者看到的颜色。
输入颜色
输入您想要一起测试的两种颜色。
查看模拟结果
查看这两种颜色在四种不同类型的色觉缺陷下如何显示。
评估可访问性
确定您的颜色组合是否对所有用户都易于区分。
What Is 色盲模拟器?
色盲模拟器展示了您选择的颜色在不同类型的色觉缺陷（CVD）人群中如何呈现。约8%的男性和0.5%的女性患有某种形式的色盲。这款工具模拟四种类型：原发性红盲（红锥体缺失，约占男性1%）、原发性绿盲（绿锥体缺失，约占男性1%）、蓝盲（蓝锥体缺失，约0.01%）和完全色盲（全色盲，约0.003%）。对于每种类型，模拟器将您的输入颜色转换为该条件下的呈现方式。这对于确保设计的包容性以及颜色不是唯一传达信息的手段至关重要。通过在设计过程早期使用此模拟器，您可以识别和修复可访问性问题，以免影响用户。
Why Use 色盲模拟器?
-
模拟四种主要类型的色觉缺陷
-
在每种条件下比较两种颜色的并排显示
-
显示每种类型的普遍统计数据
-
帮助确保设计对所有用户都具有包容性
-
快速测试颜色可访问性以便于部署
Common Use Cases
UI 可访问性
为色盲用户测试按钮颜色、状态指示器和交互元素。
数据可视化
验证图表颜色在所有视觉类型中都易于区分。
交通与安全
确保警告颜色和状态指示器对色盲操作员有效。
教育材料
设计适合患有色觉缺陷的学生使用的学习材料。
Technical Guide
模拟器应用转换矩阵到RGB值以近似每种CVD类型的色觉感知。原发性红盲模拟用M锥体和S锥体响应组合替换L锥体（长波，红）响应。原发性绿盲替换M锥体（中波，绿）响应。蓝盲替换S锥体（短波，蓝）响应。完全色盲使用标准亮度公式（0.299R + 0.587G + 0.114B）转换为灰阶。这些是简化的线性变换，近似于Brettel-Viénot-Mollon模拟模型。更准确的模拟将使用完整的光谱渲染和锥体响应函数，但矩阵方法提供了一个适合实时Web工具的计算效率近似。设计师的关键洞察：如果两种颜色在任何模拟下变得无法区分，则它们不应该成为重要信息的唯一区别手段。
Tips & Best Practices
-
1永远不要仅用颜色来传达信息 -- 添加文本标签、图标或模式
-
2红绿色盲是最常见的 -- 小心测试红色和绿色的区别
-
3蓝黄组合通常对大多数色觉类型来说都是安全的
-
4如果颜色在模拟中融合，添加对比度（不同的亮度）或非颜色提示
-
5测试您最关键的颜色组合（错误/成功、启用/禁用、链接/文本）
Related Tools
Frequently Asked Questions
Q 色盲有多常见?
Q 这个模拟是否准确?
Q 哪些颜色对色盲用户是安全的?
Q 我应该避免使用红色和绿色吗?
About This Tool
色盲模拟器 is a free online tool by FreeToolkit.ai. All processing happens directly in your browser — your data never leaves your device. No registration or installation required.