أداة اختيار الألوان (القطّارة) المجانية أونلاين للصور: ارفع صورتك، حرّك المؤشر فوق البكسل المطلوب أو المسه، واحصل فورًا على لونه الدقيق بصيغ RGB و HEX و HSL و HSV و CMYK و XYZ و LAB و LCH مباشرةً في المتصفح.
انقر على اللوحة لتثبيت البكسل المحدد.
لوحة المفاتيح: تحرّك مفاتيح الأسهم التحديد بكسلًا واحدًا، وShift مع السهم عشرة بكسلات، وEnter يثبّت اللون.
كيفية استخدام قطّارة الألوان
- 1
حمّل صورة: انقر على «اختر ملفًا»، أو اسحب الملف وأفلته، أو الصقه من الحافظة (Ctrl / ⌘ + V).
- 2
حرّك المؤشر فوق الموضع المحدد أو مرّر إصبعك على الصورة، ثم انقر لاختيار البكسل واستخراج لونه.
- 3
انسخ قيم اللون الدقيقة (HEX و RGB و HSL و HSV و CMYK و LAB) بنقرة واحدة والصقها في مشروعك.
أداة اختيار الألوان أونلاين لمعرفة اللون الدقيق لأي بكسل
تتيح لك أداة اختيار الألوان (القطّارة) أونلاين معرفة اللون الدقيق لأي بكسل في صورة بنقرة واحدة، وهي مثالية لتصميم الويب وواجهات المستخدم وتطوير الواجهات الأمامية والهوية البصرية والطباعة.
اختر نقطة لتحصل فورًا على قيم اللون والكود الدقيق بصيغ RGB و HEX و HSL و HSV و CMYK و XYZ و LAB و LCH. انسخ أي قيمة إلى الحافظة واستخدمها في CSS أو Figma أو Photoshop أو نظام التصميم لديك.
كما تحسب الأداة السطوع النسبي ونسبة التباين مع الأسود والأبيض، مما يساعدك على اختيار لون نص مقروء والامتثال لإمكانية الوصول WCAG.
لا حاجة إلى تثبيت. تعمل مباشرة في متصفحك. ارفع صورة، واعرف اللون الذي تريده، وباختيار الألوان واحدًا تلو الآخر يمكنك بسهولة بناء لوحة ألوان أو نظام ألوان لمشروعك.
الأسئلة الشائعة
كيف أعرف لون بكسل في صورة؟
ارفع أي صورة، وحرّك المؤشر (أو إصبعك) إلى الموضع المطلوب وانقر لتثبيت البكسل. تقرأ الأداة هذا البكسل وتعرض لونه الدقيق بصيغ RGB و HEX و HSL وغيرها، ويمكن نسخ أي قيمة بنقرة واحدة.
هل الأداة مجانية وهل أحتاج إلى تثبيت أي شيء؟
نعم، هذه القطّارة أونلاين مجانية تمامًا وتعمل مباشرة في المتصفح. لا حاجة إلى تثبيت أو تسجيل.
هل تُرفع صوري إلى خادم؟
لا. تُعالج صورتك محليًا داخل متصفحك ولا تغادر جهازك أبدًا، لذلك فهي آمنة للملفات الخاصة أو السرية.
ما صيغ الألوان المدعومة؟
RGBA و RGB % و HEX و HEX+A و HSL و HSV و CMYK و XYZ و CIE LAB و LCH، إضافةً إلى السطوع النسبي ونسبة التباين ولون نص مقترح: كل قيم اللون التي تحتاجها للويب والطباعة.
ما الفرق بين HEX و RGB؟
كلاهما يصف اللون نفسه بطريقة مختلفة: HEX رمز ست عشري مثل #1A2B3C يُستخدم في CSS، بينما يحدد RGB قنوات الأحمر والأخضر والأزرق من 0 إلى 255. انسخ ما يناسب برنامجك.
هل تعمل على الهواتف والأجهزة اللوحية؟
نعم. مرّر إصبعك فوق الصورة لاختيار اللون مباشرةً والمس لتثبيت البكسل؛ وتساعدك العدسة المكبّرة المدمجة على إصابة النقطة بدقة.