Color Blindness Simulator

Red/Green/Blue Color Blindness Effect Simulation

Input Color
RGB Values
Quick Select
✓ Simulation Results
Original Color
#2563eb
rgb(37, 99, 235)
红色盲(Protanopia)
#4040ca
无法区分红色
绿色盲(Deuteranopia)
#3c38c2
无法区分绿色
蓝色盲(Tritanopia)
#28b0aa
无法区分蓝色

🔍 Color Accessibility Suggestions

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

Color Blindness Simulator Usage Guide

Supported Color Blindness Types

  • Protanopia: Unable to perceive red light, affects ~1% of males
  • Deuteranopia: Unable to perceive green light, affects ~1% of males
  • Tritanopia: Unable to perceive blue light, extremely rare

Design Tips

  • Don't rely solely on color to convey information; use icons or text
  • Avoid red-green combinations as the sole differentiator
  • Use high contrast for readability
  • Refer to WCAG 2.1 accessibility standards for design