محول مجاني

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

استخرج الألوان السائدة من أي صورة على الفور. احصل على قيم HEX وRGB بنقرة واحدة. مجاني وآمن ويعمل بالكامل في متصفحك.

اسحب الصورة وأفلتها هنا

يدعم PNG وJPG وWEBP وGIF. الحد الأقصى 50MB.

أو

حول هذه الأداة

يقوم استخراج لوحة الألوان بتحليل الصورة وتحديد الألوان السائدة أو التمثيلية. والنتيجة هي مجموعة صغيرة من الألوان - عادة 5-8 - التي تلتقط الطابع المرئي للصورة. يستخدم المصممون اللوحات المستخرجة لتنسيق عناصر التصميم الأخرى (ألوان واجهة المستخدم التي تكمل صورة البطل، ولوحات العلامات التجارية المستمدة من التصوير الفوتوغرافي، وأنظمة الألوان التي تتوافق مع الصورة المزاجية).

يستخدم الاستخراج خوارزميات التجميع (الوسائل k أو ما شابه ذلك) لتجميع كل وحدات بكسل الصورة في العدد المطلوب من مجموعات الألوان. يصبح مركز كل مجموعة لونًا للوحة. تمثل أكبر المجموعات الألوان السائدة. يمكن للخوارزمية أيضًا أن تزن حسب الأهمية المرئية (التشبع والتباين) بدلاً من عدد وحدات البكسل الأولية لإظهار ألوان مميزة ملفتة للنظر.

تعمل هذه الأداة في متصفحك باستخدام JavaScript. يتم فك ترميز الصورة إلى بيانات بكسل، وأخذ عينات منها لتقليل العمليات الحسابية، ثم تجميعها. الإخراج عبارة عن لوحة تحتوي على رموز سداسية وقيم RGB وأشرطة متناسبة توضح مدى انتشار كل لون في الصورة.

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

يعد تصميم القطع التي تنسق مع الصور الموجودة أسرع بكثير باستخدام اللوحات المستخرجة من اختيار الألوان بالعين. مصممو الويب الذين ينشئون صفحات مقصودة حول صور الأبطال، والمسوقون الذين ينتجون الأصول التي تتطابق مع صورة المنتج الرئيسية، ومصممو العلامات التجارية الذين يقومون بتحليل صور المنافسين، جميعهم يستفيدون من استخراج لوحة الألوان الخوارزمية.

تدعم اللوحات أيضًا إدارة المحتوى. يتيح لك تصنيف الصور حسب اللون السائد إنشاء واجهات حيث يتصفح المستخدمون الصور أو المنتجات أو التصميمات حسب اللون. يتطلب بناء مثل هذا النظام استخراج اللوحات بشكل منهجي، وهو ما يتيحه الاستخراج البرمجي.

كيفية الاستخدام

قم بالتحميل واختيار حجم اللوحة والحصول على الألوان.

  1. قم بتحميل صورتك: اسحب ملف JPEG أو PNG أو WebP إلى منطقة التحميل. يتم دعم الملفات التي يصل حجمها إلى 50 ميجابايت.
  2. اختر حجم اللوحة: 5-8 ألوان تغطي معظم حالات الاستخدام. 3-4 للوحة مركزة بإحكام؛ 10+ لاستخراج مفصل بدقة. تتضمن اللوحات الأكبر حجمًا ألوانًا أكثر دقة ولكنها تنتج فائدة متناقصة.
  3. استخراج: يتم تشغيل التجميع في متصفحك. يتم استخراج اللوحات الأصغر حجمًا بشكل أسرع؛ تستغرق اللوحات الكبيرة من الصور عالية الدقة بضع ثوانٍ.
  4. استخدم اللوحة: يمكن نسخ الرموز السداسية مباشرةً. يمكن تصدير اللوحة كخصائص JSON أو CSS مخصصة أو صورة حامل ألوان.

حالات الاستخدام الشائعة

التفاصيل الفنية

K- يعني تكرارات التجميع: قم بتعيين كل بكسل إلى أقرب مركز كتلة، وإعادة حساب المراكز كمتوسط للبكسلات المخصصة، وكرر حتى التقارب. يعد التشغيل على الصور ذات الدقة الكاملة بطيئًا؛ يتم تسريع أخذ العينات (أخذ كل بكسل ن) مع الحد الأدنى من فقدان الجودة.

مساحة اللون مهمة. يؤدي التجميع في RGB إلى إنتاج لوحات مرجحة بمسافة RGB، والتي لا تتطابق مع المسافة الإدراكية. يؤدي التجميع في LAB أو HSV إلى إنتاج لوحات أكثر محاذاة للإدراك الحسي - الألوان التي تبدو متشابهة معًا بشكل أكثر موثوقية.

الإخراج: رموز سداسية عشرية لكل مركز مجموعة، بالإضافة إلى النسبة المئوية لوحدات بكسل الصورة في كل مجموعة. تمثل النسبة مدى انتشار البصر؛ أكبر مجموعة هي اللون الأكثر شيوعًا.

أفضل الممارسات

الأسئلة الشائعة

كم عدد الألوان المستخرجة؟
تقوم الأداة عادةً باستخراج 5-8 ألوان سائدة، اعتمادًا على مدى تعقيد الصورة. تنتج الصور البسيطة ذات الألوان القليلة عينات أقل وأكثر تميزًا. تنتج الصور المعقدة نطاقًا أوسع.
كيف تعمل خوارزمية الاستخراج؟
تستخدم الأداة تكميم الألوان (القطع المتوسط أو التجميع بالوسائل k) لتجميع وحدات البكسل المتشابهة وتحديد الألوان الأكثر تمثيلاً. يؤدي هذا إلى إنتاج ألوان ذات معنى بصريًا بدلاً من قيم البكسل المفردة الأكثر شيوعًا.
هل يمكنني استخدام الألوان المستخرجة لعلامتي التجارية؟
نعم. يعد هذا أسلوبًا شائعًا لاستخلاص لوحات العلامات التجارية من لوحات المزاج أو الصور الفوتوغرافية أو صور المنتج. يمكن استخدام الرموز السداسية المستخرجة مباشرةً في CSS أو أدوات التصميم أو إرشادات العلامة التجارية.
لماذا لا تتطابق الألوان المستخرجة مع ما أراه بالضبط؟
يقوم استخراج الألوان بتجميع وحدات البكسل المتشابهة معًا. قد يتم تحويل التدرج الذي يبدو وكأنه لون واحد للعين إلى ظل مختلف قليلاً. كما تؤثر معايرة الشاشة على كيفية ظهور الألوان على الشاشة.
ما هو تنسيق الإخراج؟
رموز سداسية بشكل افتراضي. تقوم معظم الأدوات أيضًا بتصدير قيم RGB وHSL وقيم مساحة الألوان الأخرى. تعتبر خصائص CSS المخصصة أو مخرجات JSON مفيدة للاستخدام البرمجي.
هل تم تحميل صورتي على الخادم؟
لا، يتم الاستخراج في متصفحك.
هل ستتوافق اللوحة مع هوية العلامة التجارية؟
يعتبر الاستخراج الخوارزمي وصفيًا وليس إرشاديًا. يصف الإخراج الصورة؛ قد يكون للعلامة التجارية لوحة ألوان ذات صلة ولكنها مختلفة. استخدم الاستخراج كنقطة بداية، ثم قم بالتحسين لمواءمة العلامة التجارية.
هل يمكنني الاستخراج من الفيديو؟
استخراج إطار واحد فقط مع هذه الأداة. لاستخراج لوحة الفيديو، قم بأخذ عينات من الإطارات واستخرجها من كل منها، ثم قم بتجميعها.