色盲模拟器
模拟红色盲、绿色盲、蓝黄色盲和全色盲人群看到的颜色。粘贴最多 100 种颜色,即可获得各类色觉缺陷对应的十六进制值表。这些值使用 culori 中的 Machado、Oliveira 和 Fernandes 模型计算,并提供较轻微异常型的严重程度设置。适合在发布前检查调色板、图表、地图和状态颜色。
常见问题
模拟哪些类型的色盲?
红色盲(红色视锥细胞无法正常工作)、绿色盲(绿色视锥细胞无法正常工作)、蓝黄色盲(蓝色视锥细胞无法正常工作)和全色盲(无色觉)。严重程度低于 100% 时,列标题会使用对应的异常型名称:红色弱、绿色弱、蓝黄色弱和全色弱。
使用什么模型?
对于三种视锥细胞类型,使用 Machado、Oliveira 和 Fernandes 提出的生理学模型(2009),以及 culori 附带的预计算矩阵。模型规定将矩阵应用于线性光 RGB,然后将结果转换回 sRGB。全色盲模拟则将每种颜色替换为相对亮度相同的灰色。
严重程度设置有什么作用?
100% 模拟完全二色视觉;较低的值模拟异常型;0% 则返回原始颜色。由于 Machado 矩阵以 10% 为间隔发布,因此数值会四舍五入到最接近的 10%。对于全色盲,严重程度设置会在原色与其灰色版本之间进行线性光混合。
如何输入颜色?
每行输入一种颜色;也可以在同一行用逗号或分号分隔多种颜色。rgb() 或 hsl() 内部的逗号不会用作分隔符。支持带或不带 # 的十六进制代码、CSS 颜色名称、rgb()、hsl()、hwb()、lab()、lch()、oklab()、oklch()、color() 和 cmyk()。每次最多可检查 100 种颜色。
模拟结果有多准确?
该模拟近似呈现标准 sRGB 显示器上二色视觉人群的平均视色效果。不同人的实际色觉各不相同,显示器校准和环境光也会改变人们看到的颜色。请用它来发现彼此难以区分的颜色,不要将其作为医疗测试。
这些色觉缺陷有多常见?
红绿色觉缺陷,即红色盲和绿色盲类型,在北欧血统人群中约影响 8% 的男性和 0.5% 的女性,其中绿色弱最常见。蓝黄色觉缺陷和全色盲较为罕见,每种情况约影响 10,000 人或更少。
如果两种颜色看起来一样,我该怎么办?
调整它们的明度,而不只是色相,因为明度差异在所有类型的色盲中都能保留。还要添加第二种提示,例如标签、图标、图案或位置;只要颜色承载了含义,WCAG 成功准则 1.4.1 就要求这样做。
透明色和广色域颜色会怎样处理?
sRGB 以外的颜色(例如鲜艳的 Display P3 或 OKLCH 值)会先使用 CSS Color 4 算法映射到 sRGB。透明度会保留在结果中,因此半透明输入会生成 8 位十六进制代码。
为什么纯红色在红色盲模拟中会变成橄榄色?
红色盲患者缺少长波长视锥细胞,因此红色看起来会暗得多,并偏向黄褐色。在模型中,#ff0000 会变成约为 #6d5f00 的深橄榄色;而绿色盲会保留更多亮度,呈现约为 #a39000 的芥末色调。
可以检查整张图片吗?
不可以,此工具处理的是颜色值,因此能快速、精确地检查调色板和设计令牌。选取设计或图表中的关键颜色并粘贴到这里,即可并排比较模拟结果。