色盲模拟
查看颜色和图片在红色盲、绿色盲、蓝色盲等情况下的效果
- 文件不会离开你的设备
- 在浏览器本地运行
- 免费、免注册、无水印
正常视觉
原始颜色
绿色弱
绿色视锥偏弱 · 约 5% 男性，最常见
绿色盲
缺少绿色视锥 · 约 1% 男性
红色弱
红色视锥偏弱 · 约 1% 男性
红色盲
缺少红色视锥 · 约 1% 男性
蓝色弱
蓝色视锥偏弱 · 罕见
蓝色盲
缺少蓝色视锥 · 非常罕见
全色盲
完全没有色觉 · 非常罕见
7 对颜色变得难以区分
- #e53935 与 #43a047（绿色盲，ΔE 5.2）
- #43a047 与 #fb8c00（红色盲，ΔE 6.4）
- #43a047 与 #1e88e5（蓝色盲，ΔE 6.5）
- #e53935 与 #43a047（全色盲，ΔE 6.7）
- #e53935 与 #1e88e5（全色盲，ΔE 3.8）
- #43a047 与 #1e88e5（全色盲，ΔE 2.9）
- #43a047 与 #fb8c00（全色盲，ΔE 8.5）
原本可区分的两种颜色在模拟中 ΔE2000 低于 10 时会被标出。可为这些颜色加上文字标签、图案或拉开明度差。
如何使用色盲模拟
查看调色板或图片在 8 种色觉类型下的样子，从最常见的绿色弱到全色盲。检查调色板时会列出所有变得难以区分的颜色对，方便你提前修改图表和界面配色。
- 1
在「检查对象」里选择「调色板」或「图片」。
- 2
调色板：把颜色粘贴到「颜色」框，每行一个或用逗号分隔，支持 HEX、rgb()、hsl()、oklch() 和颜色名；图片：拖入 JPG、PNG、WebP、GIF、HEIC 或 AVIF 文件。
- 3
调整「弱化程度」，控制色弱类型的模拟强度。
- 4
对比各行模拟结果或各张图片；带警告图标的颜色对会连同 ΔE 列在下方。
- 5
点击色块复制 HEX，或把任意一张模拟图下载为 PNG。
常见问题
模拟结果准确吗？
红绿色觉异常采用 Machado 等人 2009 年的模型，蓝黄色觉异常采用 Brettel 等人 1997 年的模型，均在线性 RGB 中计算。它们模拟的是典型情况，每个人的实际感受可能不同。
怎样判断两个颜色难以区分？
正常视觉下有明显差异的两个颜色，在某种模拟下 ΔE2000 低于 10 时就会被标出。可以给这些颜色加上文字标注、图案，或拉开明度差。
「弱化程度」影响什么？
只作用于红色弱、绿色弱、蓝色弱这类色弱类型，表示对应视锥细胞偏移的程度，100% 相当于对应的色盲类型。
图片会上传吗？
不会，模拟在浏览器里完成。预览最大绘制到 900 像素，下载时按原图分辨率生成。
能直接粘贴 CSS 里的颜色吗？
能。任意文本里的 HEX 和 CSS 颜色函数都会被识别出来，颜色名用逗号或换行分开即可。识别不了的内容会显示为已跳过。