أداة إيجاد اللون المكمّل
اعثر على اللون المكمّل (المضاد) لأي لون، وعكسه في نظام RGB، ولون النص المناسب للقراءة عليه.
1,312 مشاهدة
كيف يعمل
يكون لونان متكاملين عندما يقعان عند نقطتين متقابلتين تماماً على عجلة الألوان، بفارق 180° في تدرج اللون. رياضياً، تحوّل هذه الأداة لونك إلى نموذج HSL، وتأخذ قيمة تدرج اللون (Hue)، وتضيف 180° بمعامل باقي القسمة على 360 — فمثلاً تدرج لون بقيمة 40° (برتقالي) يصبح 220° (أزرق). يُترَك التشبع والإضاءة دون تغيير، لذا فإن اللون المكمّل هو دوران حقيقي حول العجلة، وليس لوناً مختلفاً عشوائياً. عند وضعهما جنباً إلى جنب، تُبرز الألوان المتكاملة بعضها بصرياً، ولهذا يُعد اللون المكمّل خياراً طبيعياً للتفاصيل البارزة والأزرار وعناصر الدعوة إلى الإجراء التي تحتاج إلى التميّز أمام تصميم يهيمن عليه اللون الأساسي.
لهذا التأثير أساس في الرؤية البشرية نفسها. التحديق في لون مشبع لعدة ثوانٍ ثم النظر إلى سطح أبيض بسيط ينتج صورة لاحقة (afterimage) مؤقتة بلون يقارب مكمّل ذلك اللون — تأثير فسيولوجي حقيقي ناتج عن الإرهاق المؤقت لخلايا المخاريط الحساسة للون في الشبكية. وهذا جزء من سبب أن الأزواج المتكاملة تبدو حيوية وزاهية بشكل خاص معاً: العين مهيّأة بالآلية نفسها التي تنتج الصور اللاحقة. إلى جانب اللون المكمّل، تحسب هذه الأداة أيضاً عكس RGB (255 ناقص قيمة كل قناة — أي "السالب الفوتوغرافي" الكلاسيكي) وتختار لون نص مناسباً للقراءة (أسود أو أبيض) لِلَون الذي أدخلته بناءً على شدة إضاءته المُدركة.
ما يجب أن تعرفه
- اللون المكمّل وعكس RGB ليسا العملية نفسها — يتطابقان فقط في الألوان المشبعة بالكامل؛ أما في أي لون باهت أو باستيلي أو رمادي، فينتج الحسابان نتيجتين مختلفتين بوضوح.
- استخدم اللون المكمّل باعتدال. لونان متكاملان بكامل شدتهما وبكميات متساوية يميلان إلى الاهتزاز بصرياً وإرهاق العين؛ توازن بنسبة 90/10 يبدو مقصوداً بدلاً من صادم.
- اقتراح لون النص نقطة انطلاق، وليس ضماناً لمعايير WCAG — تحقق من نسبة التباين الفعلية لنص المتن باستخدام أداة فحص مخصصة قبل النشر.
- مثال عملي: بالنسبة لـ
#2563EB(أزرق متوسط، تدرج ≈ 221°)، يقع اللون المكمّل قرب تدرج 41° (كهرماني/برتقالي دافئ) وعكس RGB هو#DA9C14— وهما متقاربان بصرياً هنا لأن اللون المصدر مشبع نسبياً، لكن الطريقتين ستتباعدان بشدة بدءاً من رمادي مزرق باهت.
الأسئلة الشائعة
ما الفرق بين اللون المكمّل واللون العكسي؟
يعكس اللون المكمّل تدرج اللون فقط على عجلة الألوان (+180°)، مع إبقاء التشبع والإضاءة متطابقين؛ أما عكس RGB فيعكس كل قناة بشكل مستقل (255−R، 255−G، 255−B)، كالسالب الفوتوغرافي. بالنسبة للون أساسي مشبع قد يبدو الاثنان متشابهين، لكن في الرمادي المتوسط أو الباستيلي يختلفان اختلافاً كبيراً — فعكس الرمادي المتوسط يبقى رمادياً متوسطاً، بينما "مكمّله" غير مُعرَّف تقنياً لأن اللون منزوع التشبع بالكامل ليس له تدرج لوني يُدار.
لماذا يظهر اللون المكمّل عند التحديق في لون ثم النظر بعيداً؟
هذا هو تأثير "الصورة اللاحقة": خلايا المخاريط في شبكيتك التي تكتشف لوناً معيناً تُرهَق مؤقتاً بعد تعرّض مستمر. عندما تنظر بعدها إلى سطح أبيض محايد، تستجيب الخلايا المُرهَقة بشكل أضعف بينما تستجيب البقية بشكل طبيعي، ويفسّر دماغك هذا الخلل على أنه رؤية اللون المكمّل — ظاهرة فسيولوجية حقيقية متجذرة في كيمياء الشبكية، وليست خدعة بصرية أو وهماً ذهنياً.
متى يجب أن أستخدم اللون المكمّل؟
كلمسة بارزة صغيرة ومقصودة — أزرار، روابط، تمييزات، شارات — فوق تصميم يهيمن عليه اللون الأساسي. استخدام كلا اللونين بأقصى شدة وبكميات متساوية تقريباً يميل إلى الاهتزاز بصرياً وإرهاق العين بدلاً من أن يبدو أنيقاً؛ يميل المصممون عادة إلى تخفيف تشبع أو تعتيم أحد اللونين لتليين التأثير.
كيف يُحدَّد لون النص المناسب للقراءة؟
بناءً على شدة الإضاءة المُدركة للون باستخدام معادلة YIQ، التي تُرجِّح الأحمر والأخضر والأزرق حسب مدى حساسية العين البشرية لكل منها (الأخضر يساهم في السطوع المُدرَك أكثر بكثير من الأزرق): الخلفيات الفاتحة تحصل على نص داكن والخلفيات الداكنة تحصل على نص فاتح، مما يحافظ على وضوح القراءة من النظرة الأولى.
لماذا 180° تحديداً، وليس زاوية أخرى؟
تمثّل عجلة الألوان تدرج اللون كدورة كاملة 360°، و180° هي رياضياً النقطة الوحيدة ذات أقصى مسافة زاويّة من أي تدرج معطى — أبعد ما يمكن أن يكون لون عن آخر وهما لا يزالان على العجلة نفسها. هذا الفصل الأقصى هو تحديداً ما يخلق أقوى تباين بصري؛ أي زاوية أصغر (مثل 120° المستخدمة في التناغم الثلاثي) تضحّي ببعض ذلك التباين مقابل مزيد من التوازن بين ثلاثة ألوان بدلاً من لونين.
أدوات مشابهة
الإبلاغ عن مشكلة
أداة إيجاد اللون المكمّل
التعليقات
لا توجد تعليقات بعد — كن أول من يكتب تعليقًا!