色盲模拟器
模拟三种色盲类型的视觉效果,帮助设计师进行色彩无障碍评估
输入颜色
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 无障碍标准进行设计