بدون رفع, 100% محلي، بدون حساب

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

حمّل صورة لاستخراج ألوانها السائدة. احصل على رموز HEX لكل عيّنة، انسخ بنقرة واحدة. كل شيء يعمل في متصفحك.

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

أداة استخراج لوحة الألوان تُحلل صورتك وتُحدد الألوان البصرية الأكثر هيمنةً باستخدام خوارزمية تجميع k-means تعمل على بيانات البيكسل في Canvas. النتيجة مجموعة من عينات الألوان مع قيم HEX يمكن نسخها فرادى. لا تغادر بيانات الصورة متصفحك؛ يجري أخذ عينات البيكسل محليًا في Web Worker حتى يبقى الخيط الرئيسي متجاوبًا.

يُجمّع الاستخراج مئات الآلاف من ألوان البيكسل الفردية في عدد أصغر من المجموعات التمثيلية. عدد الألوان في الإخراج قابل للتهيئة لاستخراج لوحة مضغوطة من خمسة ألوان أو مجموعة أوسع من اثني عشر. هذا مفيد لسحب ألوان العلامة التجارية بسرعة من شعار أو تحديد النغمات الغالبة في صورة لشاشة إلهام أو التحقق من الألوان الموجودة في صورة يرفعها المستخدم.

كيفية استخدام مستخرج لوحة الألوان خطوة بخطوة

  1. أسقط صورتك في منطقة الرفع أو انقر للاستعراض.
  2. اضبط عدد الألوان التي تريد استخراجها عادةً بين 5 و12.
  3. انقر على استخراج. يجري تجميع البيكسل محليًا في Web Worker.
  4. اعرض عينات الألوان الناتجة وقيم HEX الخاصة بها.
  5. انقر على أي عينة لنسخ رمز HEX الخاص بها إلى الحافظة.

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

  • مصمم يستخرج اللوحة الغالبة من صورة علامة تجارية لضمان توافق المواد التسويقية الجديدة مع قصة الألوان الحالية.
  • مطور يُحدد الألوان الرئيسية في صورة رمزية يرفعها المستخدم لتوليد لون تمييز واجهة مستخدم مطابق ديناميكيًا.
  • فنان يبني لوحة مرجعية للإلهام باستخراج لوحات من عدة صور مرجعية ومقارنة رموز HEX المستخرجة.
  • مدوّن يسحب خمس النغمات الغالبة من صورة رأس لاختيار ألوان نص وزر تكميلية لتخطيط المقال.

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

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

تقرأ الأداة جميع قيم البيكسل من الصورة عبر Canvas.getImageData() وتُنزّلها لتسريع المعالجة ثم تُجري تجميع k-means. يصبح مركز كل مجموعة أحد ألوان الإخراج. يُجمّع k-means البيكسلات بتقارب اللون لتبرز النغمات البصرية الغالبة كألوان المراكز.

هل يستلزم استخراج الألوان رفع الصورة؟

لا. تجري عينات البيكسل داخل Web Worker في متصفحك. تُقرأ الصورة من قرصك المحلي وتُرسم على OffscreenCanvas وتُعالَج مصفوفة البيكسل في الذاكرة. لا تغادر البيانات جهازك.

لماذا تبدو الألوان المستخرجة مختلفةً قليلًا عما أراه في الصورة؟

مراكز k-means تُمثّل المتوسط الرياضي لمجموعة من ألوان البيكسل. اللون الشائع جدًا لكنه متباين قليلًا كسماء زرقاء ذات تدرجات طفيفة سينتج مركزًا هو متوسط درجة اللون لا أي قيمة بيكسل محددة يمكن الإشارة إليها. النتيجة متوسط تمثيلي لا عينة بيكسل بعينها.

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

البيكسلات الشفافة تمامًا ذات قيمة ألفا صفر تُستبعد من التجميع لتجنب تحيّز منطقة الشفافية في الألوان المستخرجة نحو الأسود أو الأبيض حسب تعبئة خلفية Canvas. البيكسلات شبه الشفافة مدرجة في العينة مع وزن يعتمد على قيمة ألفا.

بأي تنسيق تكون رموز الألوان؟

تُخرج الأداة رموز HEX مثل #3A7BD5. إذا كنت تحتاج إلى RGB أو HSL أو تنسيقات أخرى، انسخ قيمة HEX في أداة محوّل الألوان التي تقبل HEX وتحوّل إلى جميع نماذج الألوان الشائعة.