色盲模拟器（图片与配色）

将照片或颜色列表按红绿色盲（红色盲、绿色盲）、蓝黄色盲（蓝色盲）和全色盲人群所见的样子显示出来，并与原图并排对比。可用来检查图表、地图和应用界面是否只靠颜色来区分信息。

使用方法

1. 在“图片”中拖入或粘贴一张图片。页面先显示内置示例，点击“载入示例”可随时恢复。
2. 原图和四种模拟会以网格排列。点击“对比”可将模拟图叠在原图上用滑块比较，点击“PNG”可保存。
3. 在“配色”中，向“颜色列表”输入 HEX 或 rgb() 值，每行一种，或用“添加颜色”挑选。
4. 查看“变得难以区分的颜色对”中 ΔE 较小的颜色对，调整颜色后再看一次。

计算方式与说明

• 红色盲、绿色盲和蓝色盲使用 Machado 等人（2009）的模型，严重程度 1.0，在线性 sRGB 中计算。全色盲是由相对亮度生成的灰色。
• ΔE 是两种模拟颜色之间的 OKLab 距离 × 100，黑到白约为 100。低于 10 的颜色对标为“难以区分”，低于 18 的标为“接近”，这些阈值是本工具自行设定的。
• 图片会被缩小到长边 1600px，并且只在浏览器中处理。颜色列表保存在本浏览器中。
• 每个人的感知各不相同。把颜色与明度差异、图案和文字标注结合使用更为稳妥。

常见问题

红绿色盲人群看到的红色和绿色是什么样的？

两者都接近于偏黄的棕色；红色对红色盲显得更暗，对绿色盲显得更亮。示例中的柱状图可以直接看到这一点。

如何挑选对色盲友好的图表颜色？

使用不在红绿轴上的组合，例如蓝色和橙色，并让每种颜色有不同的明度。在“配色”中输入候选颜色，调整到没有任何颜色对被标记为止。

蓝色盲会混淆哪些颜色？

蓝色和绿色，以及黄色与粉色或紫色，会变得彼此接近。这种类型少见，但以蓝色和黄色为主的配色值得检查一下。

模拟结果精确吗？

这是遵循一种广泛使用的模型得出的近似结果。色觉缺陷的程度因人而异，没有任何一张图能代表所有人。