منتقي الألوان البسيط

منتقي ألوان مجاني لـChrome

اختر لونًا من أي صفحة بمنتقي الألوان. احصل على ⁦#E8553D⁩

منتقي الألوان البسيط قطارة مجانية لـChrome. اضغط زره أو Alt+P، ووجّه عدسة التكبير إلى أي بكسل ثم انقر: تجد كود HEX أو RGB أو HSL في الحافظة فورًا. آخر 50 لونًا تنتظرك في النافذة المنبثقة.

أضف إلى Chrome — مجانًا

453 مستخدم على Chrome Web Store

يعمل أيضًا في Edge وBrave وOpera ومتصفحات أخرى مبنية على Chromium.

عدسة تكبير مربعة فوق ملصق في صفحة ويب تحدد بكسلًا وتعرض أكواده بصيغ HEX وRGB وHSL، بجانب نافذة منتقي الألوان البسيط التي تعرض ⁦#E8553D⁩ وسجل الألوان

لمحة سريعة

وظيفته
منتقي ألوان بقطارة: وجّه عدسة التكبير إلى أي بكسل في صفحة ويب وانقر لنسخ كوده بصيغة HEX أو RGB أو HSL.
لمن صُمم
لمطوري الويب والمصممين الذين يطابقون الألوان من المواقع الفعلية والنماذج ولقطات الشاشة المفتوحة في المتصفح، ولكل من يحتاج كود لون.
السعر
مجاني. بلا حساب أو إصدار مدفوع.
البيانات
يبقى سجلك وصيغتك الافتراضية في التخزين المحلي للإضافة على جهازك. بلا تحليلات أو طلبات شبكة.
يعمل في
Chrome ومتصفحات Chromium الأخرى التي تثبت إضافات من Chrome Web Store على الكمبيوتر. لا يعمل في صفحات المتصفح مثل علامة التبويب الجديدة أو الإعدادات أو Chrome Web Store.
الحدود
يلتقط من الجزء المرئي من علامة التبويب، باستخدام لقطة تُؤخذ عند البدء. لا يدعم CMYK أو Pantone أو فحص التباين أو التقاط الألوان خارج المتصفح.
الإصدار
2.7.0، آخر تحديث 23 أكتوبر 2026

ثلاث خطوات، نقرة واحدة

  1. 1

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

    انقر أيقونة شريط الأدوات واضغط اختر لونًا، أو اضغط Alt+P في أي صفحة.

  2. 2

    وجّه العدسة

    تكبّر عدسة مربعة المنطقة حول المؤشر وتحدد البكسل الدقيق. وتعرض عينة تحتها أكواد HEX وRGB وHSL مباشرة.

  3. 3

    انقر والصق

    يُنسخ الكود بصيغتك الافتراضية وتؤكد ذلك رسالة قصيرة. الصقه في CSS أو Figma أو رسالة.

من يستخدمه

CSS

تطوير الواجهات

خذ القيم الدقيقة من موقع فعلي لاستخدامها في CSS أو SCSS أو إعدادات Tailwind دون فتح DevTools.

HEX

مراجعة التصميم وهوية العلامة

استخرج لوحة ألوان من واجهة أو نموذج أو مرجع، وتحقق من أن الصفحة تستخدم لون العلامة الصحيح.

HSL

ضبط الألوان

خذ HSL لضبط الإضاءة والتشبع يدويًا، أو RGB للكود الذي يحتاج إلى أرقام.

ما يقدمه

  • بكسل محدد

    تكبّر العدسة 11 × 11 بكسلًا حول المؤشر، ويحدد مؤشر التصويب البكسل الذي ستأخذه. التقط حدًا بعرض بكسل واحد أو درجة واحدة من تدرج لوني.

  • صيغ

    HEX مثل ⁦#2A6FDB⁩، وRGB مثل ⁦rgb(42, 111, 219)⁩، وHSL مثل ⁦hsl(217, 71%, 51%)⁩. اختر الصيغة الافتراضية مرة واحدة في النافذة المنبثقة.

  • لونًا في السجل

    كل لون تختاره يُضاف إلى بداية شبكة آخر 50 لونًا دون تكرار. انقر عينة لرؤية الأكواد الثلاثة ونسخها.

  • اختصار Alt+P

    ابدأ التقاط اللون دون فتح النافذة المنبثقة. رمز المفتاح فيها يفتح إعدادات اختصارات Chrome إذا أردت مفتاحًا آخر.

  • طلبات شبكة

    كل شيء يعمل في متصفحك. بلا حساب أو تحليلات أو إرسال بيانات استخدام.

  • فاتح وداكن

    تتبع النافذة المنبثقة والعدسة مظهر نظامك بدرجات رمادية محايدة لا تؤثر في الألوان التي تقيّمها.

كيف تحصل على كود لون أي شيء في صفحة ويب

قطارة Chrome موجودة داخل DevTools: افتح لوحة الأنماط، وابحث عن خاصية لون، وانقر عينتها ثم القطارة. تعمل، لكن الوصول إليها يحتاج عدة خطوات. والقيمة المختارة تستبدل تلك الخاصية في CSS الصفحة بدلًا من الوصول إلى الحافظة.

منتقي الألوان البسيط يضع القطارة على بُعد نقرة أو اختصار واحد. عند البدء، يأخذ لقطة للجزء المرئي من علامة التبويب ويفتح عدسة مربعة فوقها، لترى البكسل الدقيق لا متوسط الألوان. تنسخ نقرة واحدة الكود، وتحفظه النافذة المنبثقة مع آخر 50 لونًا بالصيغ الثلاث.

مرّر إلى الجزء المطلوب من الصفحة قبل البدء: تقرأ العدسة من تلك اللقطة. صفحات المتصفح مثل علامة التبويب الجديدة والإعدادات وChrome Web Store مغلقة أمام جميع الإضافات.

الخصوصية في صميم التصميم

  • بلا طلبات شبكة

    لا تتصل الإضافة بأي خادم. بلا تحليلات أو إرسال بيانات استخدام.

  • تبقى على جهازك

    يبقى سجلك وصيغتك الافتراضية في التخزين المحلي للإضافة.

  • أربعة أذونات

    علامة التبويب النشطة لأخذ اللقطة عند بدء التقاط اللون فقط؛ تشغيل نص برمجي لعرض العدسة؛ التخزين للسجل والصيغة؛ والكتابة إلى الحافظة لنسخ الكود.

قطارة DevTools مقارنةً مع منتقي الألوان البسيط

قطارة DevTools مقارنةً مع منتقي الألوان البسيطقطارة DevToolsمنتقي الألوان البسيط
طريقة البدءافتح DevTools، وابحث عن لون في الأنماط، وانقر عينته ثم القطارةزر شريط الأدوات أو Alt+P
وجهة النتيجةخاصية CSS التي فتحتها؛ تنسخها بنفسكالحافظة بنقرة
صيغ الألوانHEX وRGB وHSL وغيرهاHEX وRGB وHSL
الألوان المختارة سابقًالا تُحفظآخر 50 لونًا، جاهزة للنسخ مجددًا
السعرمدمجة في Chromeمجاني

أسئلة

كيف أحصل على كود اللون من موقع ويب؟

ثبّت منتقي الألوان البسيط، واضغط Alt+P في الصفحة، ووجّه العدسة إلى اللون ثم انقر. يُنسخ كود HEX، أو RGB أو HSL حسب تفضيلك، إلى الحافظة.

كيف أستخدم منتقي الألوان لالتقاط لون من صورة في صفحة ويب؟

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

هل يمكنني نسخ HSL أو RGB بدلًا من HEX؟

نعم. اختر الصيغة الافتراضية في النافذة المنبثقة: HEX أو RGB أو HSL. وتعرض النافذة الصيغ الثلاث لكل لون في سجلك، مع زر نسخ لكل صيغة.

أين أجد الألوان التي اخترتها سابقًا؟

افتح النافذة المنبثقة: تجد آخر 50 لونًا كعينات، الأحدث أولًا. انقر إحداها لرؤية أكوادها ونسخها، أو امسح السجل.

كيف أغيّر اختصار Alt+P؟

انقر رمز مفتاح الاختصار في النافذة المنبثقة. يفتح صفحة اختصارات لوحة المفاتيح في Chrome، حيث يمكنك تعيين مفتاح آخر.

لماذا لا تعمل القطارة في بعض الصفحات؟

يغلق Chrome صفحاته الخاصة، مثل علامة التبويب الجديدة والإعدادات وChrome Web Store، أمام جميع الإضافات. ويقرأ منتقي الألوان الجزء المرئي من علامة التبويب فقط، لذا مرّر إلى اللون أولًا.

هل يمكنه التقاط الألوان خارج المتصفح؟

لا. يلتقط الألوان من علامة تبويب المتصفح الحالية فقط. ولا يحوّل إلى CMYK أو Pantone ولا يفحص التباين.

هل هو مجاني؟ وهل يجمع البيانات؟

مجاني ولا يرسل أي طلبات شبكة. يبقى سجلك وصيغتك الافتراضية على جهازك.

إضافات مجانية أخرى من PYROCTAL

وجّه. انقر. الصق.

أضف إلى Chrome — مجانًا