🔧Toolify

محاكي عمى الألوان — شاهد الألوان كما يراها الآخرون

أدخل كود لون سداسي عشري وقارن جنبًا إلى جنب كيف يظهر اللون لمن يعانون من عمى الألوان الأحمر والأخضر (ديوترانوبيا وبروتانوبيا)، الأزرق والأصفر (تريتانوبيا)، وعمى الألوان الكامل (أكروماتوبسيا). يعرض كل نموذج قيم HEX و RGB المحاكاة.

الأصلي
#3B82F6
59, 130, 246
ديوترانوبيا
#4D74F3
77, 116, 243
بروتانوبيا
#5F85FC
95, 133, 252
تريتانوبيا
#1499A5
20, 153, 165
أكروماتوبسيا
#7A7A7A
122, 122, 122

كيف تعمل

عمى الألوان بالأرقام

يؤثر ضعف رؤية الألوان على نحو 300 مليون شخص حول العالم — ما يعادل نحو 8% من الرجال و0.5% من النساء من أصول شمال أوروبية. أنواع الأحمر والأخضر هي الأكثر شيوعًا بفارق كبير: تؤثر الديوترانوبيا والديوترانومالي (ضعف الأخضر) معًا على نحو 5% من الرجال، بينما تؤثر البروتانوبيا والبروتانومالي (ضعف الأحمر) على نحو 2.5%. التريتانوبيا (الأزرق والأصفر) أكثر ندرة، إذ تصيب أقل من 1 من كل 10,000 شخص بصرف النظر عن الجنس. الأكروماتوبسيا الكاملة أندر من ذلك، بواقع 1 حالة لكل 30,000.

هذه الأرقام تعني أن من بين كل 12 رجلًا يزورون موقعك الإلكتروني أو تطبيقك، يعجز واحد تقريبًا عن التمييز بين بعض مجموعات الألوان كما قصدت. المنتجات ذات حركة المرور العالية — سواء كانت لوحة بيانات أو زر شراء أو شريطًا تحذيريًا — يجب أن تراعي هذه الفئة من المستخدمين.

كيف تعمل المحاكاة

يمتلك العين البشرية ثلاثة أنواع من الخلايا المخروطية الحساسة لأطوال الموجات الطويلة (الأحمر) والمتوسطة (الأخضر) والقصيرة (الأزرق). يحدث عمى الألوان عندما يكون نوع واحد أو أكثر من المخاريط غائبًا أو ذا حساسية طيفية متغيرة. يقوم الباحثون بنمذجة ذلك في فضاء الألوان LMS، الذي يتوافق مباشرة مع استجابات المخاريط، ويستنتجون مصفوفات تحويل تتنبأ بما يدركه العين المصابة بضعف الألوان عند مشاهدة قيمة RGB معينة.

يستخدم هذا المحاكي مصفوفات ماتشادو 2009 المبسطة المطبقة مباشرة في فضاء sRGB. يضحي هذا النهج بقدر ضئيل من الدقة الفسيولوجية مقابل السرعة والبساطة — والفارق الإدراكي لا يُذكر في العمل التصميمي. تُقيَّد جميع قيم المخرجات بالنطاق 0–255 لأن معاملات المصفوفة قد تنتج نتائج خارج النطاق للألوان عالية التشبع. تختزل محاكاة الأكروماتوبسيا جميع القنوات إلى قيمة اللمعان القياسية (0.299R + 0.587G + 0.114B)، محاكيةً الغياب التام لإدراك الألوان.

نصائح التصميم لإمكانية الوصول لعمى الألوان

أكثر التقنيات فعالية هي عدم الاعتماد على اللون وحده لنقل المعلومات. ادمج اللون مع الشكل أو النمط أو ملصق النص. لا ينبغي تمييز شريحة مخطط دائري فقط بلونها — أضف ملصقًا مباشرًا أو تعبئة بنمط مميز. لا ينبغي الإشارة إلى خطأ التحقق من النموذج فقط بتحويل الحدود إلى اللون الأحمر — أضف أيقونة ورسالة خطأ صريحة. هذه المبادئ مذكورة في معيار النجاح 1.4.1 من WCAG 2.1 (استخدام اللون) وهي إلزامية للامتثال من المستوى AA.

عند اختيار لوحة الألوان، اختبر أزواج المقدمة والخلفية باستخدام مدقق التباين (تطلب WCAG نسبة دنيا 4.5:1 للنص العادي و3:1 للنص الكبير). إلى جانب التباين، فضّل مجموعات الألوان التي تظل قابلة للتمييز في ظل محاكاة الديوترانوبيا: أزواج الأزرق والبرتقالي تعمل جيدًا، بينما أزواج الأحمر والأخضر إشكالية. تجنب استخدام الأحمر والأخضر كمميزَيْن وحيدَيْن لأي حالة أو فئة بيانات.

أسئلة شائعة

ما هي الديوترانوبيا؟

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

ما الفرق بين الديوترانوبيا والبروتانوبيا؟

كلاهما عمى ألوان أحمر وأخضر، لكنهما يؤثران على أنواع مختلفة من المخاريط. تتضمن البروتانوبيا غياب المخاريط طويلة الموجة (الحساسة للأحمر)؛ بينما تتضمن الديوترانوبيا غياب المخاريط متوسطة الموجة (الحساسة للأخضر). عمليًا، تبدو الألوان الحمراء أغمق بكثير في البروتانوبيا مقارنةً بالديوترانوبيا، لأن مخاريط L تحمل معلومات سطوع مهمة.

كم عدد الأشخاص المصابين بعمى الألوان في العالم؟

يعاني نحو 300 مليون شخص حول العالم من شكل ما من أشكال قصور رؤية الألوان. يتأثر نحو 8% من الرجال و0.5% من النساء من أصول شمال أوروبية. وتمثل أنواع الأحمر والأخضر (الديوترانوبيا والديوترانومالي والبروتانوبيا والبروتانومالي) الغالبية العظمى من الحالات.

هل عمى الألوان أكثر شيوعًا لدى الرجال؟

نعم. الجينات التي ترمز للصبغات الضوئية في مخاريط الموجات الطويلة والمتوسطة (OPN1LW و OPN1MW) موجودة على كروموسوم X. نظرًا لأن الرجال لديهم كروموسوم X واحد فقط، فإن أليل واحد معيب يكفي للإصابة بعمى الألوان. للمرأة كروموسومان X، لذا يجب أن تحمل كلتا النسختين الخلل — مما يجعل عمى الألوان عند المرأة أكثر ندرة بكثير.

ما هي الأكروماتوبسيا؟

الأكروماتوبسيا (الأحادية اللونية بالعصي) هي حالة تكون فيها الأنواع الثلاثة من المخاريط غير وظيفية، مما يجعل الرؤية تعتمد كليًا على الخلايا العصوية. يرى المصابون العالم بدرجات الرمادي، ولديهم حدة بصرية ضعيفة جدًا في الضوء الساطع، وكثيرًا ما يكونون شديدي الحساسية للضوء. إنها نادرة للغاية، إذ تؤثر على نحو 1 من كل 30,000 شخص.

ما مدى دقة محاكاة عمى الألوان؟

تستخدم المحاكاة مصفوفات تحويل خطي راسخة (ماتشادو 2009) تتوافق بشكل وثيق مع البيانات التجريبية للألوان المدركة لدى ثنائيي اللون. لأغراض التصميم واختبار إمكانية الوصول، الدقة أكثر من كافية. يوجد تباين فردي — بعض الأشخاص لديهم ثلاثية لونية غير طبيعية خفيفة بدلًا من ثنائية اللون الكاملة — لذا تعامل مع المحاكاة كمرجع محافظ لأسوأ الحالات.

كيف أصمم لعمى الألوان دون إعادة تصميم كل شيء؟

ابدأ بمراجعة لوحتك الحالية باستخدام هذا المحاكي. لأي زوج من النماذج يبدو متطابقًا في عرض الديوترانوبيا أو البروتانوبيا، اسأل نفسك هل يستطيع المستخدم فهم المحتوى دون التمييز اللوني. أضف أيقونات وملصقات أو أنماطًا حيث يلزم. اختر درجات متباينة تظل قابلة للتمييز — الأزرق والبرتقالي بدلًا من الأحمر والأخضر. نفّذ فحص تباين WCAG على جميع أزواج النص والخلفية.

هل تعمل هذه الأداة مع أسماء ألوان CSS أو قيم HSL؟

تقبل هذه الأداة أكواد HEX فقط (#RRGGBB أو #RGB). لاستخدام أسماء ألوان CSS أو قيم HSL، حوّلها أولًا إلى صيغة سداسية عشرية باستخدام محوّل الألوان لدينا، ثم الصق النتيجة هنا.

أدوات ذات صلة

آخر تحديث:

جرّب مطالباتنا للذكاء الاصطناعي ←