يقوم مستخرج ألوان الصور بتحليل أي ملف صورة (عن طريق السحب، أو اللصق، أو النقر للتحميل) ويعيد ما يصل إلى 16 لوناً سائداً مع أوزانها المئوية. يستخدم أخذ عينات البكسل في المتصفح وتكميم المجموعات (bucket quantization) - لا رفع ملفات، ولا رحلة إلى الخادم. اضغط على أي عينة لنسخ كود hex الخاص بها، أو 'نسخ الكل' للوحة الكاملة.
يحتاج المصممون والمطورون باستمرار إلى استخراج الألوان من الصور - سحب ألوان العلامة التجارية من شعار، أو بناء لوحة ألوان من صورة فوتوغرافية، أو مطابقة واجهة المستخدم مع عمل فني مرجعي. يقوم مستخرج ألوان الصور بمعالجة ذلك داخل المتصفح دون الحاجة لرفع الصور. اسحب، أو الصق، أو انقر لتحميل صورة (PNG, JPG, SVG, WebP, GIF). تقوم الأداة برسم نسخة مصغرة على لوحة رسم (canvas)، وتأخذ عينة من كل بكسل رابع، وتضعها في فضاء لوني مخفض، ثم تحسب متوسط قيم RGB وتختار أفضل المجموعات مع دمج المتكررات القريبة. النتيجة هي لوحة ألوان نظيفة وتمثيلية تعكس التركيبة البصرية الفعلية - وليس فقط الألوان الأكثر دقة للبكسل. يتيح لك شريط تمرير العدد (3-16) ضبط حجم لوحة الألوان بناءً على احتياجاتك. تعرض كل عينة قيمة hex والنسبة المئوية للبكسلات؛ اضغط للنسخ بشكل فردي، أو 'نسخ الكل' للحصول عليها دفعة واحدة.
يحمل أي تنسيق صور شائع وينتج لوحة ألوان سائدة في أقل من ثانية، حتى للصور الكبيرة.
يعرض كل لون مستخرج نسبته المئوية من مساحة الصورة - لتعرف الألوان السائدة والألوان التكميلية بلمحة واحدة.
شريط تمرير لاختيار 3-16 لوناً. لوحات صغيرة لأعمال العلامات التجارية؛ ولوحات أكبر للمراجع الفوتوغرافية.
اضغط على أي عينة لنسخ كود hex الخاص بها. أو 'نسخ الكل' للحصول على اللوحة الكاملة كقائمة مفصولة بأسطر جديدة للاستخدام بالجملة.
لا رفع ملفات، ولا اتصالات بالخادم، ولا تغادر الصورة جهازك. آمن للنماذج الأولية الخاصة، أو الأصول غير المنشورة، أو الأعمال الفنية الحساسة.
يدعم PNG و JPG و SVG و WebP و GIF و ICO - جميعها مدعومة عبر فك تشفير اللوحة القياسي. يتم تخطي البكسلات الشفافة تلقائياً.
اسحب صورة شعار، واستخرج الألوان الدقيقة المستخدمة، وانسخها إلى متغيرات CSS الخاصة بحقيبة علامتك التجارية أو نظام التصميم.
أدخل صورة منظر طبيعي للأداة للحصول على لوحة مكونة من 5 ألوان تعكس طابعها - مفيد للإخراج الفني أو بناء السمات.
التقط صورة لشاشة واجهة مستخدم مرجعية، واستخرج اللوحة، واستخدم تلك الألوان في نموذجك الأولي لمطابقة الطابع البصري.
عندما تخرج العميل صورة واحدة كتوجيه للعلامة التجارية، استخرج 8-10 ألوان لاقتراح لوحة بداية تظل وفية للمرجع.
احصل على أكثر لونين سائدين من صورة لبناء تدرج خلفية يكمل الأصل الموجود في المقدمة.
اضغط على أيقونة ألوان الصور في لوحة DevSuite Pro. تفتح لوحة بها منطقة سحب وإعدادات.
اسحب ملفاً، أو الصق من الحافظة (Ctrl+V)، أو انقر لفتح أداة اختيار الملفات. تقوم الأداة بتحميل وأخذ عينات من البكسلات تلقائياً.
استخدم شريط التمرير لاختيار عدد الألوان المراد استخراجها (3-16). يتم إعادة استخراج اللوحة فوراً أثناء السحب.
تعرض كل عينة كود hex الخاص بها ونسبتها المئوية من مساحة الصورة. ابحث عن الألوان السائدة - ستكون هي صاحبة أعلى النسب المئوية.
اضغط على أي عينة لنسخ كود hex الخاص بها، أو استخدم 'نسخ الكل' للحصول على اللوحة الكاملة كقائمة لاستخدامها في أداة التصميم أو CSS.
قم بتثبيت DevSuite Pro مجانًا وافتح أكثر من 64 أداة للمطورين لمتصفحك.
