استخراج لوحة الألوان من صورة

ارفع صورة منتج أو شعار لتحصل على ألوانها الغالبة مرتبة حسب مساحتها. الإعدادات نفسها تعطي النتيجة نفسها في كل مرة. تفيد لاستخراج ألوان الصورة وبناء هوية بصرية، أو لتنسيق ألوان متجرك مع صور منتجاتك.

جارٍ تحميل الأداة…

المعالجة والخصوصية: تُعالَج ملفاتك داخل متصفحك ولا تُرفع إلى أي خادم.

شاهد طريقة الاستخدام

خطوات الاستخدام

  1. اختر الصورة
  2. اختر عدد الألوان
  3. النتيجة: لوحة ألوان الصورة بقيم HEX

طريقة الاستخدام

  1. اختر صورة بصيغة JPEG أو PNG أو WebP.
  2. حدّد عدد الألوان من 2 إلى 12 وحجم العينة التي تُحلَّل.
  3. فعّل تجاهل البكسلات الشفافة أو الأبيض والأسود القريبين إن كانت الخلفية تطغى على النتيجة.
  4. انسخ قيمة أي لون، أو نزّل اللوحة كاملة بصيغة JSON أو متغيرات CSS أو شريط PNG أو ملف GPL.

مثال

صورة نصفها أحمر نقي ونصفها أزرق نقي مع اختيار لونين تعطي: #FF0000 بنسبة ⁦50%⁩ و#0000FF بنسبة ⁦50%⁩.

صورة منتج على خلفية بيضاء: فعّل «تجاهل الأبيض القريب» حتى لا تأخذ الخلفية أكبر نسبة وتظهر ألوان المنتج نفسه.

الحدود والملاحظات

  • النتيجة تقريبية: تقسّم الخوارزمية (من عائلة Median cut مع قطع عند أقل تباين) الألوان المتقاربة إلى صناديق وتعرض متوسط كل صندوق، فقد يظهر لون لا يوجد حرفيًا في الصورة، وقد يُدمج لون صغير المساحة مع جاره.
  • تُصغَّر الصورة قبل التحليل إلى حجم العينة المختار (100 أو 200 أو 400 بكسل للضلع الأطول) مع تنعيم، فتمتزج الحواف الدقيقة قليلًا. الصور الأصغر من حجم العينة تُحلَّل كما هي.
  • النسب محسوبة من بكسلات العينة بعد استبعاد ما اخترت تجاهله، وتُقرَّب إلى منزلة عشرية واحدة، فقد لا يساوي مجموعها 100 تمامًا.
  • القيم هي قيم sRGB كما يفك المتصفح ترميز الصورة. ملفات التعريف اللونية (ICC) والصور واسعة الطيف قد تعطي قيمًا تختلف قليلًا بين المتصفحات، وكذلك فك ترميز JPEG.
  • الأبيض القريب يعني أن القنوات الثلاث 245 أو أكثر، والأسود القريب 10 أو أقل. البكسل يُعد شفافًا إذا كانت قيمة ألفا أقل من 128.
  • لا تقترح الأداة ألوانًا متناسقة ولا تفحص التباين. الحدود المختبَرة: 40 MB و50 ميغابكسل للصورة.

أسئلة شائعة عن هذه الأداة

هل أحصل على النتيجة نفسها كل مرة؟

نعم في المتصفح نفسه. لا تستخدم الخوارزمية أي أرقام عشوائية، فالصورة نفسها بالإعدادات نفسها تعطي اللوحة نفسها. قد تختلف القيم قليلًا بين متصفح وآخر بسبب اختلاف فك الترميز والتصغير.

لماذا يظهر الأبيض أكبر لون في صورة منتجي؟

لأن الخلفية البيضاء تشغل معظم البكسلات. فعّل خيار تجاهل الأبيض القريب لتُحسب النسب من ألوان المنتج فقط.

ما الفرق بين ملفات التنزيل؟

JSON يضم القيم والنسب والإعدادات المستخدمة، وCSS يعطيك متغيرات جاهزة للصق في موقعك، وPNG شريط ألوان للمشاركة، وGPL يُفتح في GIMP وInkscape وKrita.

كيف أستخرج لوحة الألوان من صورة؟

اختر الصورة وحدّد عدد الألوان من ⁦2⁩ إلى ⁦12⁩، فتظهر الألوان الغالبة مرتبة حسب مساحتها مع قيم HEX وRGB ونسبة كل لون. انسخ أي لون بنقرة، أو نزّل اللوحة كاملة بصيغة JSON أو CSS أو PNG أو GPL.

كيف أعرف الألوان المستخدمة في صورة؟

افتح الصورة في الأداة فتعرض لك الألوان الأكثر استخدامًا فيها ونسبة كل لون من مساحتها. النتيجة تقريبية لأن الألوان المتقاربة تُجمع في لون واحد، ولمعرفة لون بكسل محدد بدقة استخدم منتقي الألوان من الصور.