مستخرج ألوان الصور مجاني
استخرج الألوان الغالبة وأكواد HEX ولوحات الألوان القابلة لإعادة الاستخدام من صورك المحلية قبل مراجعة التصميم أو تسليم الواجهة.
معالجة محلية داخل المتصفح. بدون رفع.
أفلت ملفًا أو انقر للتصفح
في انتظار الملف
أضف ملفًا للبدء.
الأصلية
-
الألوان الموجودة
-
اللون الغالب
-
معالجة محلية داخل المتصفح. بدون رفع.
اللوحة المستخرجة
في انتظار الملف
CSS variables
:root {
}Palette JSON
[]
كيف يتم أخذ عينات لوحة الألوان
تُرسم الصورة على canvas صغير، وتُقرأ بكسلاتها، وتُجمّع الألوان بحيث تصعد الألوان السائدة إلى الأعلى. أخذ العينات من نسخة مصغرة أمر مقصود: فهو يُبقي تحليل صورة بدقة 40 ميجابكسل سريعًا ويمنع زاوية واحدة مشوشة من السيطرة على النتيجة. كل ذلك يعمل محليًا، لذا لا يتم رفع أصول العلامة التجارية أو الأعمال الفنية غير المنشورة أبدًا.
تحصل على أكواد hex يمكنك لصقها مباشرة في ورقة أنماط أو ملف رموز تصميم.
قراءة لوحة ألوان استخرجتها
الألوان المستخرجة هي نقطة بداية، وليست نظامًا مكتملًا. الألوان السائدة في الصورة الفوتوغرافية فوتوغرافية: فهي تحمل إضاءة ومزاج تلك الصورة المحددة، وهو غالبًا عكس ما تحتاجه لوحة واجهة قابلة للاستخدام. تعامل مع الناتج كدليل على ما تحتويه الصورة، ثم اختر الاقترانات التي يمكن الوصول إليها بوعي.
تحقق من التباين قبل النشر. زوج الألوان الذي يبدو لطيفًا في صف عينات قد يفشل في عتبات القراءة لنص المتن، وقد يكون اللون المميز المستخرج المستخدم كلون تسمية زر بعيدًا جدًا عن التباين الكافي مقابل خلفيته.
متى يكون الاستخراج الأداة الخاطئة
إذا كان الهدف مطابقة نظام علامة تجارية موجود، فخذ عينة من ملف العلامة بدلًا من صورة عشوائية. إذا كان الهدف نظام تصميم كامل، فالاستخراج يمنحك درجات الألوان لكن ليس الظلال أو الدرجات أو التباعد أو الأدوار الدلالية التي تحتاجها فعليًا. استخدمه لإثراء قرار، لا لاتخاذه.
نصائح سريعة
- استخدم 4 إلى 6 ألوان لتسليم رموز الواجهة و8 ألوان للوحات مزاجية أغنى.
- تُقرأ اللوحة محلياً من معاينة مصغرة حتى تبقى الملفات الكبيرة سريعة.
الخطوة التالية: تحويل صورة ثابتة إلى فيديو
كل الأدوات أعلاه تعمل داخل متصفحك دون أي تكلفة. عندما يصبح الملف جاهزًا، تتولى Animate AI المهمة: ارفع صورة واحدة، واختر حركة، واحصل على فيديو قصير. الأرصدة مدفوعة مسبقًا، لذا ترى السعر الدقيق قبل البدء.
إلى أين تتجه بعد ذلك على Animate AI
لكل مسار عمل وأداة متصفح وتفصيل تسعير صفحته الخاصة. افتح الصفحة التي تناسب ما لديك بالفعل.