هل أستخدم منتقي الألوان أم مستخرج لوحة الألوان لتحديد ألوان هويتي من صورة؟
استخدم منتقي الألوان حين تعرف أين يقع اللون الذي تريده وتحتاج قيمته الدقيقة، مثل الشكل الرئيسي في شعارك. واستخدم مستخرج لوحة الألوان حين تريد معرفة الألوان الغالبة في الصورة ونسبة كل منها. ألوان اللوحة متوسطات لمجموعات، فقد لا تطابق أي بكسل بعينه.
الفرق في جملة واحدة
المنتقي يجيب عن سؤال «ما لون هذه النقطة بالضبط؟»، والمستخرج يجيب عن سؤال «ما الألوان التي تتكون منها هذه الصورة وبأي نسبة؟». السؤالان يبدوان متشابهين، لكن إجابتيهما تختلفان في الأرقام أحيانًا، وهذا الاختلاف هو ما يحدد أي أداة تناسبك.
مثال يوضح الفرق بالأرقام
شعار أحمر على خلفية بيضاء. في المنتقي، نقرة في وسط الشكل الأحمر تعطي #C81E28 وrgb(200, 30, 40). هذا لون موجود فعلًا في الملف، وهو ما يجب أن تكتبه في إعدادات متجرك.
في مستخرج اللوحة، لو طلبت لونين فقط من صورة فيها 450 بكسلًا أحمر و450 أبيض و100 بكسل وردي باهت على الحواف، تظهر النتيجة: #FAEBEC بنسبة 55% و#C81E28 بنسبة 45%. اللون #FAEBEC ليس موجودًا في أي بكسل من الصورة؛ هو متوسط الأبيض والوردي بعد أن جمعتهما الخوارزمية في مجموعة واحدة. لو أخذته على أنه «لون الخلفية» لكتبت لونًا ورديًا خفيفًا بدل الأبيض.
متى يناسبك المنتقي؟
- حين تريد قيمة لون الشعار الرئيسي لتضعها في المتجر أو في قوالب التصميم.
- حين تريد لون عنصر صغير محدد: زر في تصميم، أو خط في لافتة، أو لون علبة منتج.
- حين تحتاج إحداثيات دقيقة وتريد التنقل بكسلًا بكسلًا بمفاتيح الأسهم.
- حين تريد عدة ألوان تعرف مواضعها، فتنقر عليها واحدًا تلو الآخر وتنسخها من السجل.
ومتى يناسبك المستخرج؟
- حين لا تعرف مسبقًا ما الألوان المهمة، وتريد أن تريك الصورة ألوانها الرئيسية.
- حين تهمك النسبة: أي لون يشغل معظم المساحة وأيها لمسة صغيرة.
- حين تريد تصدير الألوان كملف جاهز: متغيرات CSS أو ملف GPL لبرامج التصميم.
- حين تبني مزاجًا لونيًا من صورة منتج أو صورة إلهام، لا حين تبحث عن كود رسمي.
الطريقة الأذكى: الاثنتان معًا
- ابدأ بأداة استخراج لوحة الألوان لترى الألوان الرئيسية ونسبها، وفعّل تجاهل الأبيض القريب إن كانت الخلفية بيضاء.
- حدد من اللوحة الألوان التي تستحق أن تدخل هويتك.
- افتح الصورة نفسها في منتقي الألوان من الصور، وانقر في وسط كل مساحة تحمل أحد هذه الألوان لتأخذ قيمتها الحقيقية من بكسل موجود.
- اعتمد قيم المنتقي في الإعدادات، واحتفظ باللوحة مرجعًا للنسب.
أسئلة شائعة
لماذا لا يطابق لون اللوحة أي نقطة أنقر عليها؟
لأن كل لون في اللوحة متوسط مجموعة من الألوان المتقاربة. المنتقي يقرأ بكسلًا واحدًا كما هو.
هل يحسب المنتقي متوسط مساحة صغيرة حول النقرة؟
لا، يقرأ بكسلًا واحدًا فقط من الصورة بدقتها الكاملة. المكبّر يعرض ما حوله لتختار بنفسك.
أيهما أسرع لشعار بلونين؟
المنتقي: نقرتان وتنتهي. المستخرج مفيد أكثر للصور المزدحمة بالألوان.