色盲模拟器
在浏览器里模拟 8 种色觉异常：图片、截图、配色都能查，可导出原尺寸 PNG，并逐对检查哪些颜色在红绿色盲眼里分不开。图片不上传。
- 在浏览器中处理
- 数据不离开你的设备
- 免费 · 无需注册
用微信扫描以下二维码即可分享
示例、说明与常见问题 带实际输出的示例、与同类工具的差别，以及常见问题。
案例：行情页的红涨绿跌
A 股行情用红色表示上涨、绿色表示下跌。以 Ant Design 色板为例，红色 6 号 #F5222D 与绿色 6 号 #52C41A 在正常色觉下对比度 1.80:1，主要靠色相区分。输入这两个颜色：
- 绿色盲下，红变成
#9E8D21，绿变成#BCA933，都是黄褐色，ΔEOK 0.091，对比度 1.40:1。工具判为“可区分”，但只剩明暗差。 - 换成更深的 7 号
#CF1322和#389E0D，绿色盲下变成#847617与#978725，ΔEOK 降到 0.058、对比度 1.26:1，被标为“难以区分”。 - 红色盲下，6 号红变暗为
#6C612A，绿变成#CAB200，ΔEOK 0.282、对比度 2.92:1，反而容易分开。
涨跌幅数字前加“+”“−”号、配上箭头，就不再只靠颜色。中国证监会发布的《面向老年人的证券期货业移动互联网应用程序设计规范》 7.3 条也写明：颜色不应作为传达信息、表明动作、提示响应等区分视觉元素的唯一手段。
检查一张截图
把带状态标签的后台页面或图表截图粘贴进来，先看红色盲和绿色盲两张卡片：哪些标签、折线、图例变成了同一种黄褐色。再把可疑的颜色值（可用取色器从截图上取）填进“颜色”模式，确认它们的 ΔEOK。修改后的文字配色用颜色对比度检查器复核。
判定标准与计算方法
每个像素先从 sRGB 换算到线性光，乘以 3×3 矩阵，截到 0–1 后再编码回 sRGB。红、绿、蓝三类的矩阵来自 Machado 等（2009）。配色检查计算两个模拟色在 OKLab 中的距离 ΔEOK 和 WCAG 对比度：
- 小于 0.02 判为“看起来相同”。0.02 是 CSS Color 4 色域映射采用的最小可觉差。
- 小于 0.06 判为“难以区分”。Szafir（2018）测得散点图上的点要比实验室模型大约 3 倍的色差才能被察觉，工具据此取 3 倍最小可觉差；折线、散点这类小图形至少要拉开到这个距离。
- 0.06 及以上判为“可区分”。
各类型有多常见
中国的统计以红绿色觉异常为主。四川大学对 17,303 名新生的筛查（《国际眼科杂志》英文版 2023 年第 9 期）检出男生 4.11%、女生 0.16%；人民卫生出版社《人卫临床助手》给出的汉族比例为男性约 5%、女性约 0.7%。按类型细分的数据多来自欧洲人群，Webvision 的表格如下：
| 类型 | 男性 | 女性 |
|---|---|---|
| 绿色弱 | 5% | 0.4% |
| 绿色盲 | 1.5% | 0.01% |
| 红色弱 | 1% | 0.01% |
| 红色盲 | 1% | 0.01% |
| 蓝色盲 | 0.008% | 0.008% |
蓝色弱和全色盲都很少见，Eye 杂志的综述（2010）给出视杆单色视（含不完全型）约为三万三千到五万分之一。
与同类工具的差异
2026 年 10 月 2 日实测必应中文搜索“色盲模拟器”排在前两位的 tool.xuecan.net 在线色盲模拟器：图片在本地处理，但一次只显示一种类型，没有下载按钮。它用 SVG 滤镜套一组矩阵，红色盲为 0.567、0.433、0 / 0.558、0.442、0 / 0、0.242、0.758，这组数值不是 Machado（2009）或 Viénot（1999）发表的矩阵。按这组矩阵在线性光下计算，#F5222D 得到 rgb(192, 190, 43)，#52C41A 得到 rgb(146, 147, 105)；Machado 模型的结果是上文的 #6C612A 与 #CAB200，红色明显更暗。
Chrome 开发者工具 Rendering 面板中的 Emulate vision deficiencies 用的是 Machado 矩阵，但色觉类型只有红、绿、蓝色盲和全色盲，没有色弱档位，也不能导出。它在屏幕的颜色空间里计算：在 Display P3 屏幕的 Mac 上（Chrome 152），#2CA02C 的蓝色盲结果是 rgb(32, 155, 136)，本工具按 sRGB 计算为 rgb(0, 155, 137)。本工具的结果与屏幕无关，下载的 PNG 在任何设备上都相同。
限制
- 模拟是平均观察者模型，不能代替色觉异常者本人的测试。
- 超出 sRGB 的颜色（如 Display P3 照片）在模拟前截到 sRGB；浏览器能按 Display P3 读取图片时，工具会提示这类像素的占比。
- 超过 16,777,216 像素的图片会缩小处理。HEIC、TIFF 只有能解码它们的浏览器（Safari）才能打开。
- “颜色”模式最多检查 12 个颜色，透明度会被忽略。
FAQ
模拟结果准确吗？
红、绿、蓝三类及其色弱类型使用 Machado、Oliveira、Fernandes 2009 年发表的矩阵，先把 sRGB 换算到线性光再计算。Chrome 开发者工具只在红色盲、绿色盲、蓝色盲三种模式中使用同一论文严重程度 1.0 的矩阵（取 3 位小数），没有色弱模式。全色盲按 Rec. 709 亮度计算；不完全全色盲没有公开模型，工具取原色与全色盲结果在线性光下各半混合。模拟反映的是平均情况，不能代表某一个人的实际所见。
图片会上传吗？
不会。解码、计算和生成 PNG 都在当前标签页内完成，页面不会发送含图片或颜色的请求。工具只在本地保存视图设置（模式、视图、对比类型、严重程度），不保存图片和颜色列表。页面统计只记录工具名和动作：打开图片、示例图表、截取屏幕、下载，以及停止输入颜色 1.5 秒后记一次。
手机上能用吗？
能打开、粘贴图片和检查配色。截取屏幕需要浏览器的屏幕共享接口，手机浏览器没有，请先截图再打开或粘贴。
红绿色弱的严重程度怎么选？
滑块在 0.1 到 0.9 之间调整红色弱、绿色弱、蓝色弱，步长 0.1，对应 Machado 表中的档位；默认 0.6。红色盲、绿色盲、蓝色盲固定为 1.0。不确定时先看色盲（1.0），色盲下能分开的配色，色弱下一般也能分开。
图片最大能多大？
最多 16,777,216 像素（所有主流浏览器都接受的画布上限），超过时按比例缩小并提示。卡片里是缩小的预览，点 PNG 下载时按处理尺寸分段计算，计算过程中页面仍可操作。