معرفة كود اللون من صورة
تريد أن يكون لون أزرار متجرك مطابقًا للون شعارك، أو أن تصف لون منتج بدقة للمصمم. التخمين بالعين لا يكفي. تحتاج الرقم الحقيقي للون.
ثلاث طرق لكتابة اللون نفسه
- HEX مثل #FF0000: الأكثر استخدامًا في المواقع وأدوات التصميم.
- RGB مثل rgb(255, 0, 0): كمية الأحمر والأخضر والأزرق من 0 إلى 255.
- HSL مثل hsl(0, 100%, 50%): درجة اللون والتشبع والإضاءة، ومفيدة حين تريد نسخة أفتح أو أغمق من اللون نفسه.
نقرة على بكسل أحمر صافٍ: #FF0000 وrgb(255, 0, 0) وhsl(0, 100%, 50%).
نقرة على بكسل أزرق صافٍ: #0000FF وrgb(0, 0, 255) وhsl(240, 100%, 50%).
لون أخضر مائل للفيروزي مثل لون أزرار موقعنا: #0F6B5F وrgb(15, 107, 95) وhsl(172, 75%, 24%).
الطريقة
- افتح منتقي الألوان من الصور واختر الصورة.
- انقر أو المس النقطة التي تريد لونها. يمكنك سحب المؤشر ومتابعة المكبّر لترى البكسلات عن قرب.
- للدقة، حرّك المؤشر بأزرار الأسهم بكسلًا واحدًا في كل مرة، أو اكتب الإحداثيات.
- انسخ القيمة بالصيغة التي تحتاجها.
لماذا يختلف اللون قليلًا بين نقطتين متجاورتين؟
في صور JPEG تتغير الألوان قليلًا بين البكسلات المتجاورة بسبب الضغط، حتى لو بدت المساحة بلون واحد. استخدم المكبّر واختر بكسلًا يمثل المساحة جيدًا. وإن أردت ألوان الصورة الرئيسية كلها لا نقطة واحدة، فالأداة المناسبة استخراج لوحة الألوان.
تفاصيل تهمك
- القيمة تؤخذ من بكسل واحد في الصورة الأصلية بدقتها الكاملة، لا من المعاينة المصغرة.
- القيم بنظام sRGB كما يفكها المتصفح. الصور بملفات ألوان أخرى قد تعطي أرقامًا تختلف قليلًا عن برامج التصميم.
- البكسل الشفاف تمامًا ليس له لون حقيقي، والأداة تنبهك إلى ذلك.
- يحفظ السجل آخر 12 لونًا مختلفًا للصورة الحالية فقط.
وبعد أن تعرف اللون، تحقق من أن النص فوقه مقروء عبر فاحص تباين الألوان، خاصة إن كنت ستستخدمه لأزرار أو عناوين.
أسئلة شائعة
هل الأداة تحسب متوسط لون منطقة؟
لا، تأخذ لون بكسل واحد. لاستخراج الألوان الرئيسية في الصورة استخدم مستخرج لوحة الألوان.
هل تعمل على الجوال؟
نعم، تلمس النقطة بإصبعك وتتابع المكبّر لتختار البكسل بدقة.
هل تُرفع صورتي؟
لا، تُقرأ الصورة داخل متصفحك.