استخراج ألوان الصورة — لوحة واختيار بالنقر
انقر الصورة لمتوسط منطقة صغيرة حول النقطة (حوالي 7×7 بكسل مصدر).
استخرج اللون السائد ولوحة ألوان كاملة من أي صورة — أو استخدم منتقي الألوان بالنقر على منطقة. الخطوات: اختر صورة، حدّد عدد الألوان (2–12)، اضغط استخراج، انسخ HEX/RGB/HSL، أو انقر المعاينة لمتوسط محلي. مثال: ستة ألوان من صورة علامة ثم نقرة على الشعار للون تمييز — الملف يبقى على جهازك.
كيف يعمل
اختر صورة واستخرج لوحة: الصفحة تصغّر نسخة عمل (أطول حافة ~256 px)، تتخطى البكسل شبه الشفاف، تجمع الألوان وترتّب حسب التكرار. بشكل منفصل، انقر المعاينة لمتوسط مربع صغير حول تلك النقطة بدقة المصدر ونسخ HEX أو RGB أو HSL — لا يُرفع شيء.
ما يجب أن تتوقعه
استخراج اللوحة والاختيار بالنقر يستخدمان صورة واحدة لكن يجيبان عن أسئلة مختلفة. راجع القائمة إذا بدا لون غير متوقع.
- عيّن اللوحة يستخدم bitmap مصغّر (أقصى حافة ~256 px) ليبقى سريعاً مع الصور الكبيرة. التفاصيل الدقيقة قد تندمج في درجات قريبة.
- يُتجاهل البكسل بشفافية أقل من 128 في اللوحة وفي متوسطات النقر. المواضع الشفافة بالكامل تعرض رسالة واضحة.
- يمكن طلب 2–12 لوناً للوحة؛ الصور المسطحة قد تعيد أقل. الألوان مرتّبة حسب نسبة العينات.
- النقر يُوسط البكسل المعتم في نافذة ~7×7 حول النقرة بإحداثيات المصدر (ليس المعاينة المصغّرة وحدها). عيّن منطقة، وليس قطّارة بكسل واحد.
- الخصوصية: فك الترميز وحساب اللوحة والعيّن بالنقر كلها محلياً في هذا التبويب.
مثال
حمّل مثال المربعات الأربعة، اترك عدد الألوان 6، واستخرج — يفترض أن ترى فيروزي وكهرماني وأخضر وكريمي وأحمر. ثم انقر الدائرة الحمراء: بطاقة اللون المختار تعرض HEX أحمر من متوسط ~7×7 حول تلك النقطة، جاهز للنسخ.
متى يناسب
- صور العلامة: اسحب لوحة ثم انقر شعاراً أو زراً للون تمييز محدد.
- لقطات واجهة: راجع ألوان الواجهة ثم انقر شريحة أو أيقونة للون تلك المنطقة.
- أفكار تدرّج: خذ لونين تمييز من اللوحة أو بالنقر ثم افتح حاسبة التدرّج.
Frequently asked questions
هل تغادر صورتي المتصفح؟
لا. حساب اللوحة والعيّن بالنقر يعملان محلياً. تحقق من Network — الصورة لا تُرسل POST.
كيف تُختار الألوان الرئيسية؟
الصفحة تصغّر الصورة، تزيل البكسل منخفض الشفافية، تقسّم فضاء اللون بـ median-cut، تُوسط كل مجموعة وترتّب حسب عدد العينات.
ماذا يحدث عند النقر على الصورة؟
الأداة تعيد النقرة إلى بكسل المصدر وتُوسط الألوان المعتمة في مربع صغير (~7×7). تحصل على HEX/RGB/HSL لتلك المنطقة، منفصلة عن قائمة اللوحة.
لماذا النقر ليس بكسلاً واحداً؟
الصور ولقطات الواجهة صاخبة عند 1×1. متوسط منطقة صغيرة أكثر ثباتاً لألوان CSS مع بقاء موضع النقرة.
هل تُحلّل ملفات GIF المتحركة بالكامل؟
يُرسم الإطار الأول فقط، يُستخدم للوحة ومتاح للاختيار بالنقر.
Related tools
استفسارات أو ملاحظات
هل هناك غموض أو خلل أو نقص؟ اكتب رسالة أدناه — نقرأ كل ملاحظة عن هذه الأدوات.