مستخرج لوحة الألوان
ارفع أي صورة لاستخراج ألوانها الغالبة كعينات HEX ومتغيرات CSS جاهزة للصق لعلامتك التجارية أو نظام التصميم لديك.
صورتك
لوحة الألوان
ارفع صورة لاستخراج ألوانها السائدة. انقر عيّنة لون لنسخ رمز HEX الخاص بها.
خصائص CSS المخصّصة
كيف تستخدم أداة استخراج لوحة الألوان
ارفع صورة لتعثر الأداة على أكثر ألوانها شيوعًا. تعرض كل لون كعيّنة مع رمز HEX الخاص به، وتكتب كتلة من خصائص CSS المخصّصة يمكنك لصقها مباشرة في ورقة الأنماط. انقر أي عيّنة لنسخ رمزها. كل شيء يعمل في متصفحك، فتبقى الصورة على جهازك.
لماذا تفيدك
كثيرًا ما يحتاج المصمّمون واستراتيجيو العلامات التجارية إلى مطابقة الألوان مع صور مرجعية. واختيار الألوان بالعين بطيء وغير متّسق. أما استخراجها من بيانات البكسلات فيمنحك لوحة قابلة للتكرار مبنية على الألوان السائدة فعلًا في الصورة.
استخدامات شائعة
- بناء لوحة ألوان للعلامة التجارية من الصور الرئيسية
- مطابقة ألوان الموقع مع صور المنتجات
- اختيار ألوان مميّزة للمنشورات والمحتوى على وسائل التواصل الاجتماعي
- التحقّق من مدى اتّساق ظهور ألوان علامتك التجارية في المرئيات
- توثيق ألوان العلامات التجارية للمنافسين
كيف تُجمَّع الألوان
قد تحتوي الصورة على آلاف الألوان المتقاربة. تصغّر الأداة الصورة لتسريع العمل، وتجمع الدرجات المتشابهة بتقريب كل قيمة من الأحمر والأخضر والأزرق إلى أقرب مضاعف للعدد 32، ثم ترتّب المجموعات بحسب عدد البكسلات فيها. ومتوسط المجموعات الأعلى يصبح لوحة ألوانك.
الأسئلة الشائعة
لماذا قد تغيب بعض التفاصيل الصغيرة؟
تُصغَّر الصورة قبل التحليل، لذا قد تختفي الألوان التي تغطي مساحة ضئيلة. تعكس اللوحة الألوان التي تغطي المساحة الأكبر.
هل يمكنني الحصول على ألوان أكثر أو أقل؟
نعم. اختر 4 أو 6 أو 8 أو 10 ألوان. ستة ألوان مناسبة لمعظم لوحات العلامات التجارية.
ماذا يحدث مع صور PNG الشفافة؟
تُتجاهل البكسلات الشفافة في معظمها، فلا تتضمّن اللوحة إلا الألوان المرئية.
هل ستطابق النتائج أدوات اللوحات الأخرى تمامًا؟
تقريبًا، لكن ليس تمامًا. فلكل أداة طريقتها في تجميع الألوان، لذا تختلف النتائج قليلًا.