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

نظرة عامة

يحلل مستخرج الألوان صورة ويعيد ألوانها السائدة كلوحة قابلة للاستخدام: أكواد hex تستخدمها مباشرةً في التصميم. سواء كنت تطابق علامة تجارية مع صورة، أو تنشئ لوح مزاج، أو تصمّم سمة موقع حول صورة رئيسية، فإن التقاط الألوان يدويًا بالقطّارة بطيء وغير دقيق. تعاين هذه الأداة الصورة كاملة وتجمّع بكسلاتها في الألوان القليلة التي تحدد مظهرها فعليًا، وكل ذلك يُعالج في متصفحك.

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

1. 1

   أفلت صورة

   الصور والشعارات واللقطات والرسوم التوضيحية كلها صالحة. كلما زادت الدقة، صارت اللوحة أكثر تمثيلًا.

2. 2

   راجع اللوحة المستخرجة

   تظهر الألوان السائدة والمميِّزة مع قيم hex وRGB.

3. 3

   انسخ الأكواد التي تحتاجها

   انقر عيّنة لنسخ كود hex الخاص بها. انقل القيم إلى CSS أو أداة التصميم أو دليل العلامة.

كيف يعمل

تُرسم الصورة على لوحة canvas وتُقرأ بكسلاتها كقيم RGB. تجمّع خوارزمية تكتيل (من نوع median-cut أو k-means) ملايين البكسلات في مجموعة ألوان ممثّلة، موزونة بحسب تكرارها. النتيجة هي اللوحة السائدة إضافةً إلى ألوان مميِّزة، لكلٍّ منها كود hex وRGB جاهز للنسخ. ولأنها تعالج بيانات البكسل الخام محليًا، لا تُرفع الصورة الأصلية أبدًا.

متى تستخدمه

بناء سمة موقع أو عرض تقديمي تنسجم مع صورة مختارة. استخراج ألوان العلامة من صورة شعار. إنشاء لوحة منسّقة لرسم توضيحي أو نموذج واجهة. توليد لوحات مزاج من صور إلهام. اختيار تركيبات نص/خلفية سهلة الوصول من صورة منتج. مطابقة تدرّج CSS مع درجات صورة رئيسية.

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