أداة انتقاء الألوان واستخراج لوحة الألوان من الصور
استخرج لوحة من الألوان السائدة بالإضافة إلى متوسط اللون العام لأي صورة مباشرة في متصفحك، ويُعرض كل لون كقيمة HEX قابلة للنسخ.
أداة انتقاء الألوان واستخراج لوحة الألوان من الصور — أسقِط أي صورة واحصل فورًا على لوحة ألوانها: الألوان الأكثر سيادة بالإضافة إلى متوسط اللون العام، كل لون مع عيّنة وزر نسخ HEX بنقرة واحدة. أنت تختار عدد الألوان السائدة التي تريد استخراجها (من 2 إلى 12). تُقرأ الصورة باستخدام لوحة HTML بالكامل داخل متصفحك ولا تُرفع أبدًا إلى أي خادم.
ما هي أداة انتقاء الألوان واستخراج لوحة الألوان من الصور؟
أداة انتقاء ألوان الصور هي أداة مجانية على الإنترنت لاستخراج لوحات الألوان، تستخرج الألوان السائدة ومتوسط اللون من أي صورة مباشرة في متصفحك. يمكن للمصممين ومطوّري الواجهات الأمامية وأي شخص يبني علامة تجارية أو لوحة إلهام أن يُسقط صورة أو شعارًا أو لقطة شاشة ويحصل على لوحة ألوان HEX في ثوانٍ. تقرأ الأداة بكسلات الصورة عبر getImageData من لوحة HTML، وتُكمّمها إلى مجموعات لونية، وترتّبها حسب تكرار ظهور كل لون، بحيث تتصدّر الألوان الأكثر استخدامًا القائمة. تحدّد حجم اللوحة (كم عدد الألوان السائدة، من 2 إلى 12)، ويُعرض كل لون كعيّنة مع قيمة HEX قابلة للنسخ إلى جانب متوسط اللون العام للصورة.
كيفية استخدام أداة انتقاء الألوان واستخراج لوحة الألوان من الصور
- اسحب صورة وأفلتها في منطقة الإسقاط، أو انقر عليها لاختيار ملف (PNG أو JPEG أو WebP أو أي صورة أخرى يستطيع متصفحك فتحها) من جهازك.
- اضبط حقل حجم اللوحة على عدد الألوان السائدة الذي تريده، من 2 حتى 12.
- اقرأ صف متوسط اللون للحصول على المتوسط المخلوط الوحيد للصورة بأكملها، معروضًا بقيمة HEX الخاصة به.
- اقرأ قائمة الألوان السائدة، المرتّبة من اللون الأكثر شيوعًا فنزولًا، كل لون مع عيّنته وقيمة HEX الخاصة به.
- انقر زر النسخ بجوار أي لون لنسخ قيمة HEX تلك إلى حافظتك.
أمثلة
استخراج لوحة علامة تجارية من شعار
أسقِط ملف PNG لشعار واضبط حجم اللوحة على 4 للحصول على الألوان الأربعة الأكثر استخدامًا كعيّنات HEX، جاهزة للصقها في رموز التصميم أو متغيّرات CSS لديك.
العثور على درجة خلفية متناسقة من صورة
حمّل صورة رئيسية واقرأ صف متوسط اللون للحصول على قيمة HEX مخلوطة واحدة تنسجم مع الصورة بأكملها، مفيدة كخلفية قسم أو لون احتياطي.
بناء مجموعة عيّنات أكبر من رسم توضيحي
أسقِط رسمًا توضيحيًا غنيًا بالألوان وارفع حجم اللوحة إلى 12 لاستخراج مجموعة واسعة من الألوان السائدة مرتّبة حسب مقدار تغطيتها للصورة.
الأسئلة الشائعة
- ما صيغ الصور التي يمكنني استخدامها؟
- أي صورة يستطيع متصفحك فتحها (تقبل منطقة الإسقاط image/*)، بما في ذلك PNG وJPEG وWebP. تُرسم الصورة على لوحة HTML وتُقرأ بكسلاتها محليًا لاستخراج الألوان.
- كيف تُختار الألوان السائدة؟
- تقرأ الأداة بكسلات الصورة، وتجمّع الألوان المتشابهة في مجموعات، وترتّب المجموعات حسب عدد البكسلات التي تقع في كل منها. تصبح المجموعات الأعلى ألوانك السائدة، معروضة من الأكثر شيوعًا أولًا، كل منها كمتوسط لون مجموعته.
- كم لونًا يمكنني استخراجه؟
- تضبط حجم اللوحة بين 2 و12 لونًا سائدًا. ويُعرض متوسط اللون العام للصورة بأكملها دائمًا بشكل منفصل، بالإضافة إلى تلك القائمة.
- لماذا قد تختلف الألوان قليلًا عن الصورة الأصلية؟
- من أجل السرعة، تُصغَّر الصور الكبيرة قبل قراءتها وتُجمَّع الألوان المتشابهة معًا، لذا فإن كل عيّنة هي متوسط مجموعة وليست بكسلًا واحدًا دقيقًا. والنتيجة لوحة تمثيلية أمينة بدلًا من أخذ عيّنة لون لكل بكسل.
- هل تُرفع صورتي إلى أي مكان؟
- لا. تُعالَج الصورة بنسبة 100% في متصفحك باستخدام لوحة HTML. ولا تُرفع أبدًا إلى deftdeck أو أي خادم، لذا تعمل الأداة دون اتصال وتحافظ على خصوصية صورتك.
أدوات ذات صلة
محول صيغ الصور
حوّل الصور بين AVIF وWebP وPNG وJPEG وBMP وICO وصيغة GIF أحادية الإطار بالكامل داخل متصفحك.
Excel/CSV إلى JSON
حوّل جدول بيانات Excel أو CSV إلى JSON أو CSV مباشرة في متصفحك.
عارض EXIF ومزيل البيانات الوصفية
اعرض بيانات EXIF الوصفية لصورة — الكاميرا والعدسة وتاريخ الالتقاط وموقع GPS — ثم احذف كل وسم ونزّل نسخة نظيفة، كل ذلك داخل متصفحك.
مولّد الأيقونة المفضّلة (Favicon)
حوّل صورة PNG أو JPG واحدة إلى أيقونات مربّعة بقياس 16 و32 و48 و180 و512 بكسل داخل متصفحك.