انتقل إلى المحتوى
أدواتأدوات
أدوات

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

أفلت صورة لتحصل على ألوانها السائدة ونسبة كل لون. وانقر في أي مكان لالتقاط اللون الدقيق لبكسل.

كل شيء يعمل داخل متصفحك

ألوانك ونصوصك وصورك لا تُرفع إلى أي مكان.

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

أو اضغط لاختيار الملفات من جهازك

اختيار ملفات

HEIC أو JPG أو PNG أو WebP · حتى 50 ميغابايت لكل ملف

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

  1. 1أضف صورة بإفلاتها أو اختيارها أو لصقها.
  2. 2اختر عدد الألوان السائدة (من 5 إلى 12) واقرأ النسب.
  3. 3انقر أو المس الصورة لالتقاط ألوان دقيقة، واستعن بعدسة التكبير.
  4. 4انسخ لونًا، أو صدّر اللوحة، أو افتحها في مولّد اللوحات.
صورة فوقها عدسة تكبير على بكسل وتحتها صف من بطاقات الألوان المستخرجة

متى تحتاج هذه الأداة؟

  • مطابقة علامة بصورة

    استخرج ألوان صورة منتج أو شعار وأعد استخدامها في صفحة أو منشور.

  • معرفة اللون الدقيق لشيء ما

    التقط بكسلًا واحدًا لتحصل على HEX زر أو خلفية أو قماش في صورة.

  • أفكار الديكور والأزياء

    استخرج لوحة ألوان غرفة أو صورة إطلالة لتخطط لألوان متناسقة.

  • العروض التقديمية

    خذ ألوانًا من صورة الشريحة الرئيسية لتتطابق معها النصوص والأشكال.

نصائح وحدود مهمة

  • الصور ذات المساحات المسطحة الكبيرة تعطي لوحات نظيفة، والصور المزدحمة تعطي ألوانًا أكثر اختلاطًا وخفوتًا.
  • النسبة المئوية هي حصة البكسلات المعتمة الأقرب لكل لون بعد دمج الدرجات المتشابهة.
  • يضيف ضغط JPG ضجيجًا لونيًّا صغيرًا، فقد يختلف البكسل الملتقط قليلًا عن اللون «الحقيقي». انقر عدة نقاط متجاورة وقارن.
  • تُحوَّل صور HEIC من الآيفون تلقائيًّا قبل التحليل.

اعرف الألوان الموجودة في أي صورة

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

صدّر الألوان المستخرجة كمتغيرات CSS أو إعداد Tailwind أو JSON، أو افتحها مباشرة في مولّد لوحات الألوان لقفلها وترتيبها وتوسيعها. واستخدم محوّل الألوان للحصول على قيم RGB أو HSL أو OKLCH أو لفحص تباين النص على أحد الألوان. وإن كانت الصورة كبيرة فصغّرها أولًا بـأداة ضغط الصور ليسهل العمل بها. ولتحويل الألوان إلى نظام عملي راجع دليل اختيار ألوان الموقع.

شروحات خطوة بخطوة

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

كيف أحصل على ألوان صورة؟

أضف الصورة واقرأ الألوان السائدة التي تظهر تحتها. وانقر أي بطاقة لنسخ كود HEX الخاص بها.

كيف ألتقط اللون الدقيق لبكسل واحد؟

انقر البكسل أو المسه على الصورة. تساعدك العدسة في التصويب، ويُضاف اللون إلى قائمة الملتقطة.

كم لونًا تجد الأداة؟

من 5 إلى 12 لونًا سائدًا مع نسبة ما يغطيه كل لون من الصورة.

هل أستخدم الألوان في مولّد اللوحات؟

نعم. اضغط «افتح في مولّد لوحات الألوان» لنقل ما يصل إلى عشرة منها.

هل تُرفع صورتي؟

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