تخطَّ إلى المحتوى

pixel → HEX · RGB · HSL

أداة التقاط لون من صورة

انقر على بكسل في صورة لقراءة لونه: البكسل #0060fd يُقرأ rgb(0, 96, 253) وhsl(217, 100%, 50%). أضف صورة لالتقاط ألوان من صورتك.

اختر بنقرة أو لمسة أو بمفاتيح الأسهم. تُرسم صورتك في هذا التبويب فقط ولا تُرفع أبدًا.

Scanned by NortonTM Safe Web

نظرة سريعة

السعر
بلا مقابل
الحساب
غير مطلوب
الرفع
لا شيء — تُرسم الصورة في تبويب متصفحك ولا يُرسل شيء إلى أي مكان
الصيغ
PNG وJPEG وWebP وGIF وAVIF وBMP وSVG، بقدر ما يفك متصفحك ترميزها
حجم الصورة
تُرسم حتى 1600 بكسل على أطول ضلع؛ وملفات حتى 200 MB و120 مليون بكسل
الباليت
ستة ألوان غالبة بالقطع عند الوسيط على نحو 20,000 بكسل مأخوذ

ألوان ملتقطة وكيف يعمل الباليت

أُنتجت هذه الصفوف بالشيفرة نفسها التي تستعملها الأداة. ويستعمل جدول الباليت صورة 4 × 4 بكسل فيها اثنا عشر بكسلًا أزرق وأربعة بكسلات بيضاء.

ألوان مقروءة من البكسلات
لون البكسلHEXRGBHSL
#0060fd#0060fdrgb(0, 96, 253)hsl(217, 100%, 50%)
#ff8000#ff8000rgb(255, 128, 0)hsl(30, 100%, 50%)
#00a86b#00a86brgb(0, 168, 107)hsl(158, 100%, 33%)
#767676#767676rgb(118, 118, 118)hsl(0, 0%, 46%)
#fdd835#fdd835rgb(253, 216, 53)hsl(49, 98%, 60%)
باليت المثال 4 × 4
لون الباليتحصة البكسلات
#0060fd75%
#ffffff25%

كيف تلتقط لونًا من صورة

1

أضف صورة

أفلت ملف PNG أو JPEG أو WebP أو GIF أو AVIF أو BMP أو SVG على المربع، أو اخترْه بزر التصفح، أو الصق صورة من الحافظة. وتظهر صورة نموذجية إلى أن تضيف صورتك.

2

انقر أو المس أو استعمل مفاتيح الأسهم

انقر أو المس نقطة، أو اسحب عبر الصورة. وعندما تكون الصورة في التركيز تحرّك مفاتيح الأسهم علامة التقاطع بكسلًا واحدًا في كل مرة، ويحرّكها Shift مع سهم عشرة بكسلات. وتعرض البطاقات اللون بصيغ HEX وRGB وHSL.

3

انسخ لونًا أو عنصرًا من الباليت

اضغط «نسخ» على بطاقة، أو اضغط عيّنة في الباليت لنسخ رمز HEX الخاص بها. ويسرد الباليت الألوان الستة الغالبة في الصورة كلها مع نسبة ما يغطيه كل منها من الصورة.

كيف تُقرأ الألوان

يفك المتصفح ترميز ملفك وترسمه الصفحة على عنصر canvas في هذا التبويب. وتُصغَّر الصورة التي يزيد أطول ضلعها على 1600 بكسل لتلائم الحدّ، فاللون الذي تقرأه من صورة كبيرة جدًا يأتي من النسخة المصغّرة التي جرى فيها حساب متوسط البكسلات المتجاورة. ثم تطلب الصفحة من canvas قيم الأحمر والأخضر والأزرق وألفا للبكسل الواحد تحت علامة التقاطع وتطبعها بصيغ HEX وRGB وHSL. ويُطبع البكسل الشفاف مع قيمة ألفا. ويخزّن canvas الألوان مضروبة في ألفا، فقد تُقرأ قناة بكسل شبه شفاف بفارق وحدة: 200 تُقرأ 199 عند عتامة 50%.

يستعمل الباليت القطع عند الوسيط. تنظر الصفحة إلى كل بكسل رقمه n، بحد أقصى نحو 20,000 بكسل، وتستبعد البكسلات التي تزيد شفافيتها على النصف. وتضع هذه الألوان في صندوق واحد وتقطع مرارًا الصندوق الأوسع تفاوتًا في قناة واحدة عند وسيط تلك القناة، إلى أن يصير هناك ستة صناديق أو لا يحتوي أي صندوق على لونين مختلفين. ويُعرض كل صندوق بمتوسط بكسلاته، مع نسبة البكسلات المأخوذة التي يحتويها، من الأكبر إلى الأصغر. والنتيجة هي نفسها في كل مرة للصورة نفسها. وتعطي الصورة التي فيها أقل من ستة ألوان متمايزة باليت أقصر، وتُقرأ الصور المتحركة على أنها صورة ثابتة واحدة.

أسئلة عن أداة التقاط اللون من صورة

كيف أحصل على رمز HEX للون في صورة؟

أضف الصورة ثم انقر على الموضع الذي تريده. تعرض بطاقة HEX رمز ذلك البكسل، مثل #0060fd، وتضعه «نسخ» في الحافظة. وللحصول على الألوان الرئيسية دون اختيار موضع، اضغط عيّنة في الباليت بدلًا من ذلك.

ما صيغ الصور المدعومة؟

PNG وJPEG وWebP وGIF وAVIF وBMP وSVG، ما دام متصفحك قادرًا على فك ترميزها. ويعتمد AVIF على إصدار المتصفح. وتُرفض الملفات الأخرى، مثل PDF أو TIFF، برسالة. وتُرفض كذلك الملفات التي تتجاوز 200 MB أو 120 مليون بكسل.

كيف يُختار باليت الألوان الستة؟

بالقطع عند الوسيط على عيّنة من نحو 20,000 بكسل: تُقسم الألوان إلى صناديق عند وسيط أوسع قنواتها حتى يصير هناك ستة، ويصير كل صندوق متوسط بكسلاته. والنسبة المئوية تحت كل عيّنة هي حصة البكسلات المأخوذة في ذلك الصندوق. وتُتخطى البكسلات الشفافة في معظمها.

لماذا يعطي بكسلان متجاوران لونين مختلفين قليلًا؟

تتفاوت الصور الفوتوغرافية والصور المضغوطة مثل JPEG قليلًا من بكسل إلى آخر، فقد تختلف نقطتان تبدوان متطابقتين بضع وحدات في القناة. انقر على عدة نقاط، أو استعمل الباليت الذي يحسب متوسط بكسلات كثيرة، حين تريد لونًا ممثِّلًا.

هل تُرفع صورتي إلى أي مكان؟

لا. يفك متصفحك ترميز الملف ويرسمه في هذا التبويب، وتُقرأ الألوان من ذلك الرسم، ولا يُرسل شيء إلى خادم. وإغلاق الصفحة أو إعادة تحميلها يتخلص من الصورة.

ماذا يفعل زر الالتقاط من الشاشة؟

في المتصفحات التي توفّر ميزة EyeDropper يتيح لك الزر النقر على أي نقطة في شاشتك، بما فيها النوافذ الأخرى، ويعرض لونها. والمتصفحات التي لا تملك هذه الميزة لا تعرض الزر؛ أما الالتقاط من الصورة فيعمل في كل مكان.