كيف بتختار ألوان بتركب مع بعض؟
المصممين بيعتمدوا على دائرة الألوان: بتاخد اللون الأساسي وبتلف على الدائرة بزوايا ثابتة:
- المكمّل: اللون المقابل تماماً (180°)، تباين قوي ومناسب لزر أو عنصر بدك ينلفت النظر إليه.
- المكمّل المنقسم: بدل المقابل، اللونين اللي جنبو (150° و210°)؛ تباين حلو بس أهدى من المكمّل.
- المتجاور: ألوان جيران على الدائرة (كل 30°)، مريحة للعين ومناسبة للخلفيات والرسوم.
- الثلاثي والرباعي: ألوان موزعة بالتساوي (كل 120° أو 90°)، حيوية ومناسبة للرسوم البيانية والأطفال.
- الأحادي والتفتيح والتغميق: درجات من نفس اللون، الأسهل لهوية بصرية مرتبة.
نصيحة عملية: استعمل قاعدة 60-30-10، يعني لون مسيطر بـ 60% من التصميم، ولون ثانوي بـ 30%، ولون مميز بـ 10% للأزرار والتنبيهات. وتأكد إنو النص مقروء فوق الخلفية بأداة فحص تباين الألوان.
استخراج الألوان من صورة
الأداة بتصغّر الصورة، وبتقسم ألوانها لمجموعات بطريقة Median Cut وبعدين بتحسّنها بخوارزمية k-means، وبتعرضلك كل لون مع نسبة ظهورو بالصورة. مفيدة لتطلع ألوان شعار أو صورة منتج أو لوحة فنية. والصورة ما بتنرفع لأي مكان.
أسئلة شائعة
- ما هو اللون المكمّل للأزرق؟
- اللون المقابل للأزرق على دائرة الألوان هو البرتقالي. مثلاً المكمّل لـ #1E90FF هو #FF8D1E تقريباً. اختار "مكمّل" بالأداة واكتب لونك وبتطلعلك القيمة الدقيقة.
- كيف أستخرج ألوان شعار أو صورة؟
- افتح تبويب "من صورة"، وارفع الصورة أو الصقها، واختار كم لون بدك. بتطلعلك الألوان الأساسية مرتبة حسب نسبة ظهورها، وفيك تنسخها HEX أو متغيرات CSS.
- كم لون لازم يكون بلوحة الألوان؟
- عادةً 3 لـ 5 ألوان كفاية لموقع أو هوية بصرية: لون أساسي، ولون ثانوي، ولون مميز، ولونين محايدين للخلفية والنص.
