CodeKitHubما هي هذه الأداة؟
متوسط اللون هو المتوسط الحسابي لقيم الأحمر والأخضر والأزرق لكل بكسل — لون واحد ممزوج يمثل النغمة العامة للصورة، لكنه قد يبدو باهتًا إذا كانت الصورة تحتوي على مناطق ذات ألوان مختلفة جدًا.
الألوان السائدة مختلفة: تقوم هذه الأداة بتجميع ألوان البكسلات المتشابهة في مجموعات (عبر تكميم كل قناة RGB)، وتحسب عدد البكسلات التي تقع في كل مجموعة، وتُعيد الأكثر شيوعًا كعينات مميزة — وهذا أقرب إلى ما قد يسميه الإنسان "الألوان الرئيسية في هذه الصورة" مقارنة بمزيج متوسط واحد.
لماذا تستخدمها؟
- احصل على متوسط اللون ولوحة ألوان متعددة حقيقية من رفعة واحدة، وليس مجرد رقم واحد.
- استخرج لوحة ألوان قابلة للاستخدام من صورة فوتوغرافية أو لقطة شاشة أو شعار لمشروع تصميم.
- انقر على أي عينة لنسخ كود HEX الدقيق الخاص بها فورًا.
- يعمل بالكامل في متصفحك — تُقرأ الصورة محليًا عبر canvas ولا تُرفع إلى أي مكان أبدًا.
- مجاني وفوري وبدون حساب، ودون قيود على حجم الملف تتجاوز قيود متصفحك نفسه.
كيفية الاستخدام
- انقر على زر الرفع واختر صورة من جهازك.
- يظهر متوسط اللون ولوحة الألوان السائدة تلقائيًا — دون الحاجة للنقر على زر إضافي.
- انقر على أي عينة (متوسط اللون أو أي لون في اللوحة) لنسخ كود HEX الخاص بها.
مثال
الإدخال
صورة غروب شمس بسماء برتقالية وظلال زرقاء داكنةالناتج
متوسط اللون: مزيج بني-برتقالي باهت · الألوان السائدة: برتقالي ساطع، أحمر عميق، أسود تقريبًا، أصفر باهت (كعينات منفصلة ومميزة)هذه بالضبط الحالة التي يتباعد فيها متوسط اللون والألوان السائدة إلى أقصى حد — يمزج المتوسط النغمات الدافئة والباردة في لون باهت، بينما تحافظ اللوحة السائدة عليها كألوان منفصلة يمكن تمييزها بوضوح.
الأسئلة الشائعة
لماذا يختلف متوسط اللون كثيرًا عن أي لون موجود فعليًا في الصورة؟
يمزج حساب المتوسط كل البكسلات رياضيًا معًا — إذا كانت الصورة تحتوي على مناطق برتقالية ساطعة وزرقاء داكنة معًا، ينتهي المتوسط بلون بني باهت، وهو لون قد لا يوجد بصريًا في أي مكان في الصورة الأصلية. هذا هو السلوك المتوقع لمتوسط حقيقي، وليس خللاً؛ استخدم لوحة الألوان السائدة بدلاً من ذلك إذا أردت ألوانًا موجودة فعليًا في الصورة.
هل تُرفع صورتي إلى خادم؟
لا. تُقرأ الصورة مباشرة بواسطة متصفحك باستخدام واجهة Canvas API، ويتم تحليل الألوان بالكامل محليًا بلغة JavaScript. لا يتم إرسال أي شيء عبر الشبكة على الإطلاق.
كم عدد الألوان السائدة التي تُعيدها الأداة؟
حتى 8 ألوان، مرتبة حسب عدد البكسلات المطابقة لكل مجموعة لونية، الأكثر شيوعًا أولاً. إذا كانت الصورة موحدة اللون جدًا، فقد ترى أقل من 8 مجموعات مميزة.
هل تحسب البكسلات الشفافة في ملف PNG؟
لا — تُستبعد البكسلات التي تقل شفافيتها عن 50% من حساب كل من المتوسط والألوان السائدة، بحيث لا تنحرف النتائج نحو أي لون يظهر من خلال خلفية شفافة.