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

استخرج قيم الألوان الدقيقة من أي صورة بالنقر عليها. تُملأ اللوحة فوراً بالألوان السائدة في الصورة، وتساعدك العدسة المكبّرة على اختيار البكسل الصحيح، وكل لون يأتي بصيغ HEX و RGB و HSL و HSV و CMYK مع أقرب اسم له. احفظ الألوان في اللوحة وقم بتصديرها.

عند تحميل الصورة، تأخذ الأداة أكثر ست درجات شيوعاً فيها وتضعها مباشرة في اللوحة، فتكون لديك مجموعة بداية قبل أن تنقر أي شيء. وتُظهر عدسة مكبّرة وحدات البكسل أسفل المؤشر، ما يسهّل الوصول إلى الدرجة المضبوطة بدلاً من جار مُنعَّم الحواف. كل لون تنقر عليه يعرض قيم HEX وRGB وHSL وHSV وCMYK وأقرب لون CSS مُسمّى، وينضمّ إلى لوحة يمكنك نسخها كقائمة HEX أو تصديرها كـ JSON أو متغيّرات CSS. وهناك أيضاً معاينة رؤية تمرّر الصورة عبر مرشّحات عمى الألوان الشائعة، لتتحقّق من سهولة الوصول أثناء عملك.

كيفية الاستخدام

1. الخطوة 1 — ارفع أي صورة (PNG أو JPEG أو WebP أو GIF). تُحمَّل الصورة على لوحة تفاعلية مزودة بعدسة تكبير.
2. الخطوة 2 — انقر في أي مكان على الصورة لاختيار لون. تُكبّر العدسة المنطقة الواقعة تحت مؤشرك لاختيار دقيق.
3. الخطوة 3 — انسخ أي قيمة بصيغة HEX أو RGB أو HSL أو HSV أو CMYK، أو لاحظ أقرب اسم يظهر أسفل العيّنة. تحتفظ اللوحة بكل اختيار، مع الألوان الستة المكتشفة تلقائياً، للتصدير بنقرة واحدة.

متى تستخدم

• مطابقة لون علامة تجارية من لقطة شاشة أو نموذج تصميم.
• بناء لوحة ألوان من صورة مرجعية لمشروع تصميم.
• تحديد التدرّج الدقيق المستخدَم في شعار أو واجهة موقع منافِس.

النتيجة

ترفع مصممة صورة طبيعية لاستخراج اللون الفيروزي الدقيق لبحيرة جبلية. تنقر على الماء، تحصل على #2E8B8C، وتضيفه إلى لوحتها جنباً إلى جنب مع ثلاثة ألوان أخرى من نفس الصورة.

الأسئلة الشائعة

لِمَ يختلف اللون المستخرَج قليلاً عمّا أراه في فوتوشوب؟

أغلب المتصفّحات تحوّل الصور إلى sRGB عند التحميل. إن كانت صورتك موسومة Adobe RGB أو Display P3 فالقيمة الناتجة هنا هي المُكافئ بـ sRGB. للحصول على تطابق تام صدِّر الأصل بـ sRGB قبل التحميل.

هل تُظهر العدسة بكسلاً واحداً أم متوسّط منطقة؟

العدسة تأخذ عيّنة من بكسل واحد فقط، الذي يقع تحت تقاطع المؤشّر، أما البكسلات حوله فلسياق العرض. النقر داخل العدسة يثبّت قيمة ذلك البكسل، فلا تُضلِّلك حواف التنعيم.

هل يمكنني التقاط ألوان من PNG فيها مناطق شفّافة؟

نعم. البكسلات الشفّافة تُعيد قيم RGB الأصلية مع عرض ألفا منفصلاً. أما البكسل الشفّاف تماماً فيُظهر لون خلفية اللوحة (الأبيض افتراضياً)، لذا انقر منطقة معتمة للحصول على قراءة دقيقة.

ما الفرق بين HEX و RGB و HSL و HSV و CMYK — أيها أستخدم؟

HEX (#2E8B8C) هي الصيغة الأقصر للاستخدام في CSS وأدوات التصميم. RGB يعطي ثلاث قيم بين 0 و 255 ومفيد للكود الذي يحتاج الأرقام الخام. HSL يصف الصبغة والإشباع والإضاءة، وهو الأنسب عندما تريد رفع سطوع اللون أو زيادة إشباعه قليلاً. HSV قريب من HSL لكنه يستخدم value (السطوع المُدرَك) بدلاً من الإضاءة، وهو الصيغة المفضّلة في منتقي الألوان في معظم برامج التصميم. CMYK يُعطي نسب الأحبار الأربعة للطباعة، وهي الصيغة التي تطلبها المطبعة أو مصمّم المطبوعات.

هل أستطيع التقاط أكثر من لون في الوقت نفسه؟

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

أدوات ذات صلة