مستخرج ألوان الصور
استخرج الألوان السائدة ولوحات الألوان من أي صورة.
تحويل أي صورة إلى لوحة ألوان قابلة للاستخدام
نظرة عامة
يحلل مستخرج ألوان الصور صورةً ويعيد ألوانها السائدة كأكواد جاهزة للاستخدام — HEX وRGB وHSL — للتصميم والعلامة التجارية. التقاط الألوان واحدًا تلو الآخر بالقطّارة بطيء ويفوّت الألوان التي تحدد فعلًا مزاج الصورة. تعاين هذه الأداة الصورة كاملة وتجمّعها في لوحة ممثّلة داخل متصفحك دون رفع، لذا تبقى حتى صور المنتجات غير المنشورة وأصول العلامة الخاصة على جهازك.
كيفية الاستخدام
- 1
أفلت صورة
الصور والشعارات واللقطات والرسوم التوضيحية كلها صالحة. كلما زادت الدقة، صارت اللوحة أكثر تمثيلًا.
- 2
راجع اللوحة
تظهر الألوان السائدة والمميِّزة مع قيم HEX وRGB وHSL.
- 3
انسخ الأكواد التي تحتاجها
انقر عيّنة لنسخ كودها، ثم الصقه في CSS أو أداة التصميم أو دليل العلامة.
كيف يعمل
تُرسم الصورة على لوحة canvas وتُقرأ كبيانات بكسل RGB خام. تجمّع خوارزمية تكتيل ملايين البكسلات في مجموعة صغيرة من الألوان الممثّلة، موزونة بتكرارها، فتنتج اللوحة السائدة إضافةً إلى ألوان مميِّزة. تُعرض كل عيّنة بقيم HEX وRGB وHSL يمكنك نسخها مباشرةً. تجري كل المعالجة محليًا على البكسلات، لذا لا تُرسل الصورة الأصلية أبدًا.
متى تستخدمه
بناء سمة موقع أو عرض تقديمي تنسجم مع صورة مختارة. استخراج ألوان العلامة الدقيقة من شعار. إنشاء لوحة منسّقة لرسم توضيحي أو نموذج واجهة. توليد لوحات مزاج من صور إلهام. اختيار تركيبات نص وخلفية سهلة الوصول من صورة منتج. مطابقة تدرّج CSS أو ألوان مخطط مع درجات صورة.
الأسئلة الشائعة
هي ثلاث طرق لكتابة اللون نفسه. HEX (#3b82f6) مختصر وشائع في CSS وأدوات التصميم. RGB يسرد قنوات الأحمر/الأخضر/الأزرق. HSL (الصبغة والتشبّع والإضاءة) أسهل لصنع الدرجات الفاتحة والداكنة يدويًا.