منتقي الألوان

اختر لون من أي صورة أو من شاشتك واحصل على كود HEX و RGB و HSL — يعمل في متصفحك بالكامل.

أو اختر لوناً من صورة

اسحب صورة هنا أو انقر للرفع
مكبّر البكسل
HEX
RGB
HSL

آخر الألوان المختارة

كيفية استخدام منتقي الألوان

1

ارفع صورة

اسحب أي صورة إلى المنطقة المخصصة أو انقر للاختيار من جهازك، أو الصقها (Ctrl+V).

2

انقر على اللون المطلوب

حرّك المؤشر فوق الصورة لترى المكبّر، ثم انقر على البكسل المطلوب لاستخراج لونه.

3

اختر لوناً من الشاشة

في متصفحات Chrome وEdge اضغط "اختر من الشاشة" لالتقاط أي لون يظهر على شاشتك مباشرةً.

4

انسخ الكود

بعد اختيار اللون ستجد كود HEX و RGB و HSL جاهزاً للنسخ بضغطة واحدة.

ما هو منتقي الألوان؟

منتقي الألوان من Adawix أداة احترافية لاستخراج الألوان من أي صورة أو من أي مكان على شاشتك بدون برامج إضافية. تدعم الأداة طريقتين: الأولى عبر رفع صورة والنقر على أي بكسل فيها مع عدسة تكبير تُظهر التفاصيل الدقيقة، والثانية عبر تقنية EyeDropper المتوفرة في Chrome وEdge التي تتيح التقاط أي لون على الشاشة بغض النظر عن التطبيق. يُخرج المنتقي كود اللون بثلاثة تنسيقات: HEX (مثل #FF5733) المستخدم في CSS والويب، وRGB (مثل rgb(255, 87, 51)) الشائع في أدوات التصميم، وHSL (مثل hsl(11, 100%, 60%)) المفيد للتعديل على التدرجات.

تحتفظ الأداة بتاريخ آخر 12 لوناً اخترتها كمربعات ملونة قابلة للنقر لاستعادة أي لون سابق. كل العمليات تجري داخل متصفحك بالكامل دون رفع الصور لأي خادم، مما يضمن خصوصيتك التامة. مجانية بلا تسجيل وتعمل بالعربية والإنجليزية.

أسئلة شائعة عن منتقي الألوان

HEX هو تمثيل سداسي عشري مثل #FF5733 يُستخدم في CSS والويب. RGB يُعبّر عن اللون بثلاث قيم للأحمر والأخضر والأزرق (0–255). HSL يصف اللون بالتدرج (0–360°) والتشبع والسطوع وهو الأيسر للتعديل اليدوي.
ميزة EyeDropper متوفرة في Chrome 95+ وEdge 95+ وOpera 81+، لكنها غير مدعومة حتى الآن في Firefox وSafari. في هذه المتصفحات يمكنك استخدام ميزة رفع الصورة.
اسحب الصورة إلى منطقة الرفع أو انقر عليها لاختيار الملف من جهازك، أو الصقها مباشرةً بـ Ctrl+V. ثم حرّك المؤشر فوق الصورة وانقر على البكسل المطلوب.
لا. كل معالجة تتم داخل متصفحك باستخدام Canvas API دون إرسال أي بيانات إلى خادم خارجي، مما يضمن خصوصيتك الكاملة.
انسخ كود HEX أو RGB أو HSL بزر النسخ والصقه مباشرةً في ملف CSS الخاص بك. مثال: background-color: #FF5733; أو color: rgb(255, 87, 51);