关于此工具
色盲模拟器可以选取任意颜色,即时查看其在红色盲、绿色盲、蓝色盲和全色盲人群中的视觉效果。使用科学精确的颜色变换矩阵,生成并排对比结果,显示每种模拟的 RGB 和 HEX 值。
主要功能
- 模拟红色盲、绿色盲、蓝色盲和全色盲
- 颜色选择器和十六进制输入,精确选色
- 以正常视觉为基准的并排对比网格
- 示例颜色和随机颜色生成,快速测试
- 显示每种类型的模拟 RGB 和 HEX 值
- 科学精确的颜色变换矩阵
使用场景
- 测试 UI 颜色选择的无障碍合规性
- 确保数据可视化对所有用户可读
- 验证品牌颜色的色盲友好设计
- 理解色觉缺陷的教育工具
- 在部署前检查 CSS 调色板
color-blindness
accessibility
a11y
simulation
常见问题
该工具模拟哪些类型的色盲?
该工具模拟四种类型:红色盲(Protanopia)、绿色盲(Deuteranopia)、蓝色盲(Tritanopia)和全色盲(Achromatopsia)。每种类型都使用经过科学验证的颜色变换矩阵。
模拟结果有多准确?
模拟使用视觉科学研究中成熟的颜色变换矩阵。虽然提供了良好的近似效果,但个体色盲体验存在差异,因此应将其作为参考而非精确表示。
可以同时测试多种颜色吗?
该工具一次模拟一种颜色,但您可以通过颜色选择器、十六进制输入、示例颜色按钮或随机颜色按钮快速切换。每次更改都会即时更新所有五个模拟面板。
我的数据会被发送到服务器吗?
不会。所有颜色变换和模拟均在浏览器本地通过 JavaScript 计算。不会将任何数据上传到服务器,确保您的信息完全私密。
如何用于无障碍测试?
选取您设计或应用中使用的颜色,然后检查模拟版本之间是否仍然可以区分。如果在任何模拟类型下颜色变得过于相似,请考虑调整调色板以确保所有用户的无障碍体验。