色盲模拟器

模拟 8 种色觉缺陷类型,帮助设计师确保配色方案对色盲人群友好,支持颜色和图片模拟。

颜色输入

常用颜色

HEX#4F46E5
RGB79, 70, 229
HSL243°, 75%, 59%

图片模拟

点击或拖拽上传图片

支持 JPG、PNG、WebP

颜色模拟对比

正常视觉

Normal Vision

#4F46E5

红色盲

Protanopia

#4B4BBF

绿色盲

Deuteranopia

#4C4CB5

蓝黄色盲

Tritanopia

#4FA099

全色盲

Achromatopsia

#5B5B5B

红色弱

Protanomaly

#4D49D1

绿色弱

Deuteranomaly

#4D48CE

蓝黄色弱

Tritanomaly

#4F70C8

蓝锥单色视觉

Blue-Cone Monochromacy

#5B5B5B

配色友好度评分

#4F46E5

#10B981

#F59E0B

#EF4444

63

红色盲

Protanopia

64

绿色盲

Deuteranopia

65

蓝黄色盲

Tritanopia

36

全色盲

Achromatopsia

77

红色弱

Protanomaly

76

绿色弱

Deuteranomaly

80

蓝黄色弱

Tritanomaly

36

蓝锥单色视觉

Blue-Cone Monochromacy

推荐色盲友好替代色

红色盲(Protanopia)

#48DDE5

#48A9E5

#B848E5

#E548DD

绿色盲(Deuteranopia)

#48DDE5

#48A9E5

#8448E5

#B848E5

蓝黄色盲(Tritanopia)

#48DDE5

#48A9E5

#8448E5

#B848E5

全色盲(Achromatopsia)

#48DDE5

#48A9E5

#B848E5

#E548DD

蓝锥单色视觉(Blue-Cone Monochromacy)

#48DDE5

#48A9E5

#B848E5

#E548DD

功能介绍

色盲模拟器基于 Brettel/Viénot 算法,模拟 8 种常见色觉缺陷类型下的颜色和图片显示效果,帮助设计师和开发者确保界面配色对色盲人群友好。

  • 红色盲:无法感知红色光,红色看起来偏暗或偏黄。
  • 绿色盲:无法感知绿色光,绿色和红色容易混淆。
  • 蓝黄色盲:无法感知蓝色光,蓝色和黄色难以区分。
  • 全色盲:完全无法感知色彩,只能看到灰度。
  • 红色弱:对红色光感知减弱,红色饱和度降低。
  • 绿色弱:对绿色光感知减弱,是最常见的色觉缺陷。
  • 蓝黄色弱:对蓝色光感知减弱,蓝色饱和度降低。
  • 蓝锥单色视觉:仅有蓝色感光细胞工作,视觉接近灰度。

使用方法

  • 选择颜色:使用取色器或手动输入 HEX 颜色代码,也可点击预设颜色快速选择。
  • 颜色模拟:实时查看所选颜色在 8 种色觉缺陷下的显示效果,点击色块可复制模拟后的色值。
  • 图片模拟:上传图片后,可切换网格视图和对比视图,查看图片在色盲视角下的效果。
  • 配色评分:添加多种颜色到调色板,系统会自动计算配色方案对各类色盲的友好度评分。
  • 替代色推荐:当评分较低时,系统会推荐色盲友好的替代颜色供参考。

提示:全球约 8% 的男性和 0.5% 的女性存在色觉缺陷,设计时务必考虑色盲用户的可访问性。