色盲模拟器

模拟三种色盲类型的视觉效果,帮助设计师进行色彩无障碍评估

输入颜色
RGB 值
快速选择
✓ 模拟结果
原始颜色
#2563eb
rgb(37, 99, 235)
红色盲(Protanopia)
#4040ca
无法区分红色
绿色盲(Deuteranopia)
#3c38c2
无法区分绿色
蓝色盲(Tritanopia)
#28b0aa
无法区分蓝色

🔍 色彩无障碍建议

区分度良好
此颜色在色盲用户眼中仍可辨识,但建议配合其他视觉提示。
🌙
深色提示
当前为深色,建议在浅色背景上使用以确保可读性。
📐
对比度建议
确保文本与背景的对比度至少达到 WCAG AA 标准(4.5:1)。

色盲模拟器使用说明

支持的色盲类型

  • 红色盲(Protanopia):无法感知红光,约 1% 男性受影响
  • 绿色盲(Deuteranopia):无法感知绿光,约 1% 男性受影响
  • 蓝色盲(Tritanopia):无法感知蓝光,极为罕见

设计建议

  • 不要仅用颜色传达信息,配合图标或文字
  • 避免红绿搭配作为唯一区分方式
  • 使用高对比度确保可读性
  • 参考 WCAG 2.1 无障碍标准进行设计