色盲模拟器
模拟 8 种色觉缺陷类型,帮助设计师确保配色方案对色盲人群友好,支持颜色和图片模拟。
颜色输入
常用颜色
图片模拟
点击或拖拽上传图片
支持 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% 的女性存在色觉缺陷,设计时务必考虑色盲用户的可访问性。