色觉异常模拟器
模拟不同类型色觉异常者看到的颜色和图像效果。用于无障碍设计测试。
查看不同类型色觉异常者看到的颜色和图像效果。
原始（正常视力）
#FF6B35
红色盲
#95852d
无红色锥体 (~1%)
绿色盲
#b9a62f
无绿色锥体 (~1%)
蓝色盲
#ff4760
无蓝色锥体 (~0.003%)
红色弱
#c4812d
红色锥体弱 (~1%)
绿色弱
#d0942f
绿色锥体弱 (~5%)
蓝色弱
#ff674b
蓝色锥体弱 (~0.001%)
全色盲
#a8a8a8
无色觉 (~0.003%)
全色弱
#d59083
色觉减退 (Rare)
使用科学的颜色转换矩阵进行模拟。所有处理在浏览器本地完成。
使用方法
- 1
选择模式
选择"颜色模式"测试单个颜色，或"图像模式"上传图像进行模拟。
- 2
选择颜色或上传
使用取色器或输入HEX代码。图像模式下上传PNG、JPEG或WebP图像。
- 3
查看模拟
查看8种色觉异常类型下颜色或图像的显示效果。
- 4
检查无障碍性
利用结果确保设计对色觉异常用户也是可访问的。
常见问题
- 模拟有多准确？
- 使用Machado et al.和Brettel et al.模型，这是无障碍研究中广泛使用的方法。
- 最常见的色觉异常类型？
- 绿色弱最常见，影响约5%的男性。红绿色盲整体影响约8%的男性。
- 图像会上传到服务器吗？
- 不会。所有处理通过Canvas API在浏览器中完成。
- 如何为色觉异常用户设计？
- 使用高对比度，不要仅依赖颜色传达信息，同时使用图案或标签。