كيف أعرف كود لون شعاري لأضعه في إعدادات ألوان متجري على سلة أو زد؟
افتح ملف الشعار الأصلي في منتقي الألوان، وانقر في وسط مساحة ممتلئة باللون الرئيسي، ثم انسخ قيمة HEX والصقها في حقل اللون في لوحة تحكم متجرك. هذه هي الخلاصة، والتفاصيل أدناه تحميك من أخطاء صغيرة تجعل لون الأزرار يبدو «قريبًا» من الشعار لا مطابقًا له.
لماذا لا يكفي أن تختار اللون بالعين؟
لوحات تحكم المتاجر مثل سلة وزد تتيح لك ضبط ألوان القالب، لكن عجلة الألوان فيها لا تضمن أن تصل إلى اللون نفسه تمامًا. الفرق بين أخضر شعارك وأخضر قريب منه قد لا تلاحظه في المعاينة، ثم يظهر واضحًا حين يقف زر «أضف إلى السلة» بجانب الشعار في رأس الصفحة. الحل أن تنقل الرقم نفسه، لا انطباعك عنه.
أي ملف للشعار تستخدم؟
- الأفضل: ملف PNG الأصلي الذي سلّمه لك المصمم، لأنه لا يغيّر الألوان عند الحفظ.
- مقبول: ملف JPEG للشعار بدقة جيدة، مع اختيار البكسل من مساحة واسعة لا من الحواف.
- تجنّب: لقطة شاشة من حسابك على إنستغرام أو صورة الشعار بعد رفعها في واتساب، فهذه نسخ أعيد ضغطها وقد تحركت ألوانها.
- إن كان لديك ملف SVG فقط، فالأداة لا تفتحه. اطلب من المصمم نسخة PNG أو دليل الهوية الذي يذكر الأكواد.
الخطوات من الشعار إلى لوحة التحكم
- افتح منتقي الألوان من الصور واختر ملف الشعار بصيغة PNG أو JPEG أو WebP.
- انقر في منتصف أكبر شكل يحمل اللون الرئيسي، وراقب المكبّر لتتأكد أن المربع المحدد داخل اللون لا على حافته.
- انسخ قيمة HEX، وهي التي تبدأ بعلامة #.
- في لوحة تحكم متجرك، افتح إعدادات القالب أو الهوية، وابحث عن حقل اللون الذي يقبل كتابة كود يبدأ بالعلامة #، والصق القيمة. مكان الحقل يختلف حسب القالب وقد يتغير مع تحديثات المنصة.
- كرر العملية للون الثاني في الشعار إن كنت تريده لونًا ثانويًا.
مثال: شعار أخضر فيروزي
شعار بلون فيروزي داكن، نقرت في وسط الورقة المرسومة فيه فظهرت القيم #0F6B5F وrgb(15, 107, 95) وhsl(172, 75%, 24%). هذه القيمة هي التي تلصقها. أما لو نقرت على حافة الورقة حيث يمتزج اللون بالخلفية البيضاء، فقد تحصل على قيمة مثل #87B5AF، أي hsl(172, 24%, 62%): اللون نفسه تقريبًا في درجته، لكنه أفتح وأقل تشبعًا بكثير. لو وضعت هذه القيمة في المتجر لظهرت أزرارك باهتة مقارنة بالشعار.
القاعدة إذن بسيطة: ابتعد عن الحواف، وانقر في مساحة يكون فيها كل ما يعرضه المكبّر حولك باللون نفسه.
بعد اللصق: هل النص فوقه مقروء؟
لون الشعار يصلح غالبًا خلفية للأزرار، لكن النص الأبيض أو الأسود فوقه يجب أن يُقرأ بوضوح على شاشة الجوال. انسخ الكود نفسه إلى فاحص تباين الألوان وقارنه بالأبيض قبل أن تعتمده. في مثال #0F6B5F تكون نسبة التباين مع الأبيض 6.39 إلى 1، وهي مناسبة للنص العادي.
أسئلة شائعة
المنصة تطلب لونًا بصيغة RGB لا HEX، ماذا أفعل؟
الأداة تعرض القيم الثلاث معًا: HEX وRGB وHSL. انسخ الصيغة التي يطلبها الحقل.
شعاري فيه تدرج لوني، أي نقطة أختار؟
التدرج لا يملك لونًا واحدًا. اختر النقطة التي تمثل اللون الذي تريده للأزرار، أو خذ لون البداية ولون النهاية واختر بينهما بالتجربة.
هل يرسل الشعار إلى أي خادم؟
لا، يُقرأ الملف داخل متصفحك فقط.
