منتقي ألوان الصور
التقط الألوان من أي صورة بالنقر على بكسل. تعرض المكبّرة البكسلات بدقة، وتحصل على قيم HEX وRGB وHSL مع سجل للألوان الملتقطة.
يعمل بالكامل في متصفحك. لا يتم رفع بياناتك أبدًا.
أدوات ذات صلة
عرض الكلما هو منتقي ألوان الصور؟
ارفع صورة أو الصقها وانقر أي نقطة لقراءة اللون الدقيق لذلك البكسل بصيغ HEX وRGB (أو RGBA عند الشفافية الجزئية) وHSL. تعرض المكبّرة البكسلات حول المؤشر، وتتيح حقول X/Y استهداف بكسل بعينه، ويُحتفظ بكل لون ملتقط في سجل قابل للنقر.
كيفية استخدام منتقي ألوان الصور
- أسقط صورة أو اخترها أو الصقها (تعمل لقطات الشاشة الملصوقة بـ Ctrl+V جيدًا).
- حرّك المؤشر فوق الصورة لترى العرض المكبَّر، ثم انقر لالتقاط لون.
- أو اكتب إحداثيات البكسل X وY بدقة.
- انقر قيمة HEX أو RGB أو HSL لنسخها؛ وأعد استخدام ألوان سابقة من الألوان الملتقطة.
مثال
40×20 image whose top-right quadrant is pure green, pixel X=25, Y=5
#00FF00 · rgb(0, 255, 0) · hsl(120, 100%, 50%)
متى تستخدم منتقي ألوان الصور
استخدمها لمطابقة لون علامة تجارية من شعار أو لقطة شاشة، أو أخذ ألوان من صورة لتصميم، أو فحص اللون الدقيق لعنصر واجهة. تنبّه إلى أن ضغط JPEG وتنعيم الحواف يغيّران ألوان البكسلات قليلًا، فخذ العينات من مناطق مسطحة لا من الحواف. وللحصول على لوحة ألوان كاملة دفعة واحدة استخدم لوحة ألوان الصورة.
كيف يعمل منتقي ألوان الصور
تُرسم الصورة على canvas بدقتها الكاملة وتُقرأ بكسلاتها مرة واحدة بـ getImageData. وتُحوَّل النقرة من إحداثيات الشاشة إلى إحداثيات بكسل الصورة، ثم تُحوَّل قيمة RGBA عند ذلك الفهرس إلى HEX وHSL (الصبغة بالدرجات والتشبع والإضاءة بالنسبة المئوية). وتعيد المكبّرة رسم جوار من 11×11 بكسل دون تنعيم.
حالات الاستخدام الشائعة
- إيجاد كود HEX للون علامة تجارية في شعار.
- أخذ لون من لقطة شاشة لموقع لإعادة استخدامه في CSS.
- فحص ما إذا كان عنصرا واجهة يستخدمان اللون نفسه فعلًا.
- جمع ألوان من صورة للوحة إلهام.
ملاحظة أمنية
تُفك الصور وتُعالَج وتُرمَّز محليًا في متصفحك بواجهة Canvas. لا يُرفع شيء إلى خادم.
الأسئلة الشائعة
لماذا يختلف اللون قليلًا عما توقعته؟
تغيّر الصيغ ذات الفقدان مثل JPEG والتنعيم على الحواف قيم البكسلات. اختر من منتصف منطقة مسطحة، أو استخدم حقلي X/Y لاختيار بكسل بعينه.
هل تعمل مع الصور الشفافة؟
نعم. تُعرض البكسلات شبه الشفافة بصيغة rgba() مع قيمة ألفا؛ وتعرض قيمة HEX جزء RGB.
هل أستطيع التقاط ألوان من خارج المتصفح؟
لا، فقط من الصورة التي تحمّلها. التقط لقطة شاشة والصقها بـ Ctrl+V لالتقاط أي شيء على شاشتك.