لماذا تختار لونًا من صورة؟
أحيانًا يكون اللون المناسب أمامك بالفعل: صورة منتج، شعار، لقطة شاشة، تصميم غرفة، أو رسم توضيحي. تخمين اللون بالعين غالبًا لا يكون دقيقًا. فرق بسيط في الدرجة قد يجعل التصميم غير متناسق.
يساعدك منتقي الألوان على اختيار اللون بصريًا ونسخ قيمته بصيغة HEX أو RGB أو HSL. هذا يجعل ألوان الموقع أو المنشور أو العرض أو الهوية البصرية أكثر اتساقًا.
ابدأ بصورة واضحة
استخدم أوضح صورة متاحة. إذا كانت الصورة مضغوطة أو ضبابية أو مليئة بالظلال، فقد لا تمثل النقطة المختارة اللون الحقيقي الذي تريده. من الأفضل قص الصورة حول المنطقة المطلوبة قبل اختيار اللون.
إذا كنت تحتاج تجهيز الصورة، استخدم محرر الصور لقصها أولًا. تقليل العناصر الزائدة يجعل اختيار الدرجة الصحيحة أسهل.
اختر اللون وقارن نقاطًا قريبة
لا تضغط مرة واحدة فقط وتعتبر النتيجة نهائية. الصور تحتوي على إضاءة وظلال وضغط. اختر اللون الأساسي، ثم جرّب نقاطًا قريبة. إذا كانت القيم متقاربة، اختر الدرجة التي تمثل العنصر بشكل أفضل.
في التصاميم المسطحة قد تكفي نقرة واحدة. أما في الصور الواقعية، فالأفضل أخذ أكثر من عينة لأن نفس العنصر قد يحتوي على درجات مختلفة.
الفرق بين HEX و RGB و HSL
صيغة HEX شائعة في المواقع وCSS. أما RGB فتفيد عندما تطلب الأداة قيم الأحمر والأخضر والأزرق. وHSL مفيدة عندما تريد تعديل الإضاءة أو التشبع مع الحفاظ على نفس اللون العام.
إذا كنت تبني لوحة ألوان لموقع، احفظ قيمة HEX. وإذا كنت تعدل عائلة لون كاملة، فقد تكون HSL أسهل لأنها تفصل درجة اللون عن التشبع والإضاءة.
ابنِ لوحة ألوان صغيرة
لون واحد لا يكفي غالبًا. بعد اختيار اللون الأساسي، اختر ألوانًا مساعدة: لونًا داكنًا للنص، لونًا فاتحًا للخلفية، لونًا للتأكيد، وربما لونًا هادئًا للحدود.
حافظ على لوحة صغيرة. كثرة الألوان تجعل التصميم أصعب في التحكم. في أغلب الصفحات البسيطة، تكفي ثلاثة إلى خمسة ألوان.
افحص التباين قبل النشر
اللون الجميل ليس دائمًا مقروءًا. النص الفاتح على خلفية فاتحة قد يكون صعب القراءة. اختبر الألوان في مكان استخدامها الحقيقي: الأزرار، العناوين، الخلفيات، والوسوم.
إذا كان التباين ضعيفًا، لا تغير اللون بالكامل. جرّب جعل الدرجة أفتح أو أغمق قليلًا.
طريقة العمل المختصرة
اتبع هذه الخطوات:
- اختر صورة واضحة.
- قصها عند الحاجة.
- اختر اللون الأساسي.
- قارن عينات قريبة.
- احفظ HEX أو RGB أو HSL.
- ابنِ لوحة ألوان صغيرة.
- افحص التباين في الاستخدام الحقيقي.
للاختيار السريع، افتح منتقي الألوان، اختر اللون بصريًا، وحافظ على اتساق ألوان تصميمك.