Color Blindness Simulator

Simulate how colors appear to people with protanopia, deuteranopia, and tritanopia.

نوع المحاكاة

Red

Green

Blue

Orange

Purple

Yellow

Cyan

Pink

حول هذه الأداة

يُطبِّق محاكي عمى الألوان مرشحات مصفوفة ألوان CSS على ألوان عينة لإظهار مظهر تصميماتك للأشخاص المصابين بأنواع مختلفة من قصور الإبصار الملوَّن.

استخدم هذه الأداة عند تصميم مكونات UI والمخططات والخرائط وأي محتوى مرئي يعتمد على الألوان.

الرؤية الطبيعية: الرؤية الطبيعية: إدراك كامل للألوان
عمى الأحمر (بروتانوبيا): بروتانوبيا: غياب المخاريط الحمراء (~1% من الذكور)
عمى الأخضر (دوتيرانوبيا): دوتيرانوبيا: غياب المخاريط الخضراء (الأكثر شيوعًا، ~1%)
عمى الأزرق (تريتانوبيا): تريتانوبيا: غياب المخاريط الزرقاء (نادرة، ~0.003%)
عمى الألوان الكامل: عمى الألوان الكامل: لا يوجد إدراك للألوان، تدرج رمادي فقط (نادر جدًا)
ضعف الألوان (أكروماتومالي): ضعف الألوان: انخفاض الحساسية للألوان في أنواع متعددة من المخاريط

يتحقق مصممو UI/UX من إمكانية تمييز حالات الأزرار ومؤشرات الحالة. يضمن منشئو تصور البيانات إمكانية الوصول إلى ألوان المخططات.

ما مدى دقة هذه المحاكاة؟ — تستخدم تحويلات مصفوفة ألوان راسخة وتُعدُّ تقريبات جيدة.
ما نسبة المصابين بعمى الألوان؟ — حوالي 8% من الذكور و0.5% من الإناث يعانون من شكل ما من أشكال قصور الإبصار الملوَّن.
ما أفضل طريقة للتصميم لعمى الألوان؟ — اجمع الألوان مع إشارات بصرية أخرى كالشكل والنمط والتسمية والملمس.