ToolHub
打开工具

色盲模拟器

模拟不同类型色盲下的颜色视觉效果

CSS 工具

关于此工具

色盲模拟器可以选取任意颜色,即时查看其在红色盲、绿色盲、蓝色盲和全色盲人群中的视觉效果。使用科学精确的颜色变换矩阵,生成并排对比结果,显示每种模拟的 RGB 和 HEX 值。

主要功能

快速预览

使用场景

color-blindness accessibility a11y simulation

常见问题

该工具模拟哪些类型的色盲?

该工具模拟四种类型:红色盲(Protanopia)、绿色盲(Deuteranopia)、蓝色盲(Tritanopia)和全色盲(Achromatopsia)。每种类型都使用经过科学验证的颜色变换矩阵。

模拟结果有多准确?

模拟使用视觉科学研究中成熟的颜色变换矩阵。虽然提供了良好的近似效果,但个体色盲体验存在差异,因此应将其作为参考而非精确表示。

可以同时测试多种颜色吗?

该工具一次模拟一种颜色,但您可以通过颜色选择器、十六进制输入、示例颜色按钮或随机颜色按钮快速切换。每次更改都会即时更新所有五个模拟面板。

我的数据会被发送到服务器吗?

不会。所有颜色变换和模拟均在浏览器本地通过 JavaScript 计算。不会将任何数据上传到服务器,确保您的信息完全私密。

如何用于无障碍测试?

选取您设计或应用中使用的颜色,然后检查模拟版本之间是否仍然可以区分。如果在任何模拟类型下颜色变得过于相似,请考虑调整调色板以确保所有用户的无障碍体验。