استخراج لون من صورة بكود hex وRGB وHSL

ما هي أداة انتقاء اللون من صورة؟

أداة انتقاء اللون من صورة قطارة ألوان أون لاين تتيح لك استخراج لون من صورة بمجرد الضغط على أي نقطة فيها، فتحصل فوراً على كود hex الخاص بذلك البكسل وrgb() وhsl() جاهزة للنسخ. بدل تخمين قيمة اللون أو فتح برنامج تصميم كامل لمجرد معرفة كود لون من صورة، تكتفي بتحميل الصورة والضغط على المكان الذي يهمّك.

الأداة تُحمّل صورتك — شعار، لقطة شاشة، صورة منتج، لوحة — ثم ترسمها داخل متصفحك وتقرأ ألوانها بكسلاً بكسل، فتخرج بكود دقيق لكل نقطة تختارها، إضافة إلى لوحة تلقائية بأبرز ألوان الصورة وسجل بآخر الألوان التي التقطتها.

طريقة الاستخدام

1. حمّل صورتك. اضغط زر «اختر صورة» لتصفّح ملفاتك، أو اسحب صورة وأفلتها في المنطقة المخصصة، أو الصق صورة من الحافظة مباشرة بالضغط على Ctrl+V (أو Cmd+V على Mac) — أي طريقة تناسبك.
2. حرّك المؤشر ثم اضغط لالتقاط اللون. أثناء تحريك المؤشر فوق الصورة تظهر عيّنة حيّة للون الواقع تحته مع كود hex الخاص به تتحدّث مع كل حركة، وبمجرد الضغط على أي نقطة يُلتقط لون ذلك البكسل بالتحديد ويظهر في لوحة فيها عيّنة كبيرة وأزرار لنسخ الكود بصيغة hex أو rgb() أو hsl()، إلى جانب شارة تعرض أقرب لون مسمّى من بين 220 لوناً مع رابط إلى كل درجات تلك العائلة.
3. استعن بلوحة الألوان أو التقط لوناً آخر. أسفل الصورة صف بأبرز ثمانية ألوان في الصورة يمكنك الضغط على أي منها لجعله اللون المختار، وصف آخر بآخر الألوان التي التقطتها لتكوّن منها لوحة من مواضع مختلفة؛ وزر «إزالة الصورة» يمسح كل شيء لتبدأ من جديد بصورة أخرى.

أين تُستخدم عملياً

أكثر استخدام عملي لاستخراج لون من صورة هو معرفة لون هوية بصرية بالضبط: تحمّل شعار شركة أو لقطة شاشة من موقعها، تضغط على خلفية الزر أو حرف الشعار، وتنسخ كود hex الناتج لتستخدمه بنفس الدقة في تصميمك أو موقعك — بدل تخمين لون قريب أو البحث عنه في دليل هوية قد لا يكون متاحاً لديك.

الأداة مفيدة أيضاً في بناء لوحة ألوان كاملة من صورة واحدة — لوحة طبيعة أو صورة منتج أو عمل فني — بالاعتماد على الألوان الثمانية المستخرجة تلقائياً كنقطة بداية، ثم تدقيق كل لون بالضغط اليدوي عليه. وهي تصلح كذلك لمطابقة عناصر موقع مع صورة غلاف أو صورة منتج، ولأعمال التصميم والعروض التقديمية حين تحتاج نسخ لون بعينه من صورة مرجعية إلى شريحة أو ملف Figma أو Photoshop مباشرة.

حدود يجب معرفتها

الصورة لا تغادر متصفحك أبداً: تُرسم داخل عنصر canvas وتُقرأ بكسلاً بكسل عبر JavaScript فقط، ولا يُرفع أي شيء إلى أي خادم، ولا تبقى أي نسخة منها بعد إغلاق التبويب. وما تلتقطه الأداة هو ما فكّه المتصفح ورسمه فعلياً، لا الملف الخام — ففي صور JPEG يكون الضغط قد أزاح الألوان قليلاً، خصوصاً قرب الحواف الحادة، فقد يختلف كود hex الملتقط هناك اختلافاً طفيفاً عن لون المشهد الأصلي. كذلك الصور التي تحمل ملف تعريف ألوان واسع النطاق، كصورة بنظام Display P3 من هاتف حديث، تُحوَّل إلى sRGB عند رسمها في canvas، فيكون الكود الناتج تقريباً بنظام sRGB لأصل أوسع نطاقاً.

الالتقاط يقرأ الصورة بدقتها الكاملة لا النسخة المصغّرة المعروضة على الشاشة، فتقع النقرة على البكسل الحقيقي في الملف لا على مزيج ناتج عن التصغير. أما الألوان الثمانية المستخرجة تلقائياً فتُحسب بتجميع البكسلات المتقاربة في سلال وعدّها ثم أخذ متوسط كل سلة — وهي تقريب سريع للألوان الغالبة لا تجميع إدراكي، فقد تُهمَل مساحة صغيرة بلون زاهٍ بينما تتصدّر خلفية باهتة أوسع مساحة. وفي الصيغ المتحركة مثل GIF يُؤخذ اللون من الإطار الظاهر وقت الالتقاط، والبكسلات الشفافة تماماً تُرجِع هذه الشفافية بدل أي لون تحتها.

لماذا هي مجانية؟

كل أداة في FreeToGenerate.com مجانية فعلاً، وهذه ليست استثناء: انتقاء اللون من صورة يعمل بالكامل داخل متصفحك، فصورتك لا تُرفع أبداً إلى أي خادم، ولا حاجة لإنشاء حساب، ولا علامة مائية على أي كود تنسخه، ولا نسخة مدفوعة بميزات محجوبة.