تخطي إلى المحتوى الرئيسي
FreeOnlineTools Go
العربية
كيف

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

بواسطة FreeOnlineTools Team · تم التحديث في 2026-09-02

إجابة سريعة

استخدم EyeDropper API للالتقاط من الشاشة أو input type=color للوحة. حوّل HEX إلى RGB/HSL حسب الحاجة. استخدم منتقي الألوان المجاني — يوفر HEX وRGB وHSL فوراً في متصفحك.

مقدمة

منتقي الألوان يسمح باختيار الألوان من الشاشة أو لوحة الألوان. EyeDropper API الحديثة تسمح بالتقاط من أي مكان على الشاشة. النتيجة عادة تكون قيمة HEX التي يمكن تحويلها إلى RGB أو HSL. منصات HSL بديهية لتعديل التشبع والإضاءة.

خطوة بخطوة

  1. افتح أداة منتقي الألوان

    انتقل إلى صفحة أداة Color Picker. تدعم الأداة اختيار الألوان من الصور التي تم تحميلها، وفي المتصفحات المدعومة، من أي مكان على الشاشة عبر EyeDropper API.

  2. اختر المصدر الخاص بك

    للاختيار من صورة: قم بتحميل صورة أو سحبها وإفلاتها. للاختيار من الشاشة (Chrome/Edge فقط): انقر فوق الزر "اختيار من الشاشة"، ثم انقر في أي مكان على شاشتك.

  3. انقر فوق بكسل لعينة

    لاختيار الصور، حرك المؤشر فوق الصورة وانقر على البكسل الذي تريد لونه. تقرأ الأداة لون البكسل من اللوحة القماشية باستخدام getImageData(). قد يساعدك المكبر في تحديد البكسل الدقيق.

  4. قراءة قيم اللون

    تعرض الأداة اللون المختار بتنسيقات HEX وRGB وHSL، بالإضافة إلى العينة. يتم تحديث القيم على الفور أثناء تحريك المؤشر.

  5. انسخ اللون

    انقر فوق نسخ بجوار أي تنسيق لنسخ قيمة اللون إلى الحافظة الخاصة بك. استخدمه في CSS أو أداة التصميم أو التطبيق.

أمثلة

اختر لون العلامة التجارية من الشعار

مدخل: logo.png، انقر على بكسل لون العلامة التجارية

الإخراج: HEX: #1a73e8، RGB: rgb(26، 115، 232)، HSL: hsl(217، 89%، 51%)

عينة لون من الصورة

مدخل: photo.jpg، انقر على بكسل السماء

الإخراج: HEX: #87ceeb، RGB: rgb(135، 206، 235)، HSL: hsl(197، 71%، 73%)

اختر من الشاشة (Chrome/Edge)

مدخل: انقر فوق "اختيار من الشاشة"، ثم انقر فوق أي بكسل على شاشتك

الإخراج: HEX قيمة هذا البكسل، على سبيل المثال، #ff5733

المشاكل الشائعة

  • تعمل تقنية Anti-aliasing على مزج الألوان عند الحواف — تعتبر وحدات البكسل الموجودة على الحافة بين لونين عبارة عن مزيج. عينة من مركز منطقة الألوان الصلبة للتأكد من دقتها.
  • EyeDropper API غير مدعوم - يتطلب منتقي الشاشة Chrome 95+ أو Edge 95+. لا يدعمه Firefox وSafari؛ استخدم طريقة تحميل الصور بدلاً من ذلك.
  • يؤدي ضغط JPEG إلى تغيير الألوان —JPEG يؤدي الضغط مع فقدان البيانات إلى تغيير ألوان البكسل قليلاً. للحصول على ألوان العلامة التجارية الدقيقة، استخدم PNG أو مصدر المتجه الأصلي.
  • اختلافات ملف تعريف الألوان - قد يتم عرض الصور ذات ملفات تعريف الألوان المضمنة (ICC) بشكل مختلف عما توحي به قيم البكسل الأولية الخاصة بها.

نصائح

  • استخدم المكبر لتحديد البكسل الدقيق — عند التكبير/التصغير العالي، يمكنك اختيار بكسل دقيق واحد بدلاً من حافة ممزوجة.
  • قم بتجربة وحدات بكسل متعددة من منطقة صلبة وقم بمتوسطها إذا أدى الضغط إلى حدوث ضوضاء - وهذا يعطي لونًا أكثر تمثيلاً.
  • استخدم EyeDropper API (Chrome/Edge) لاختيار الألوان من أي تطبيق، وليس فقط الصور في المتصفح.
  • استخدم Color Picker الخاص بنا للحصول على عينات ألوان خاصة وفورية - صورك لا تخرج من متصفحك أبدًا.

الأدوات ذات الصلة

  • منتقي الألوان — اختر الألوان واحصل على قيم HEX وRGB وHSL في متصفحك. مجاني، عبر الإنترنت، بدون رفع، خاص تماماً.
  • منتقي الألوان والقطّارة — منتقي الألوان والقطّارة مجاني عبر الإنترنت. معالجة البيانات فوراً في متصفحك. بدون رفع، بدون تسجيل، خاص تماماً.
  • منتقي ألوان الصورة — منتقي ألوان الصورة مجاني عبر الإنترنت. يعالج البيانات فوراً في متصفحك. بدون رفع، بدون تسجيل، خاص تماماً.
  • محول الألوان — حوّل الألوان بين HEX وRGB وHSL فوراً في متصفحك. بدون رفع، خاص تماماً.
  • مولّد لوحة الألوان — مولّد لوحة الألوان مجاني عبر الإنترنت. معالجة البيانات فوراً في متصفحك. بدون رفع، بدون تسجيل، خاص تماماً.
  • إضافة علامة مائية إلى صورة مجاناً — أضف علامة مائية إلى صورة مجاناً عبر الإنترنت. معالجة البيانات فوراً في متصفحك. بدون رفع، بدون تسجيل، خاص تماماً.
  • مولّد أيقونات التطبيقات — مولّد أيقونات التطبيقات مجاني عبر الإنترنت. يعالج البيانات فوراً في متصفحك. بدون رفع، بدون تسجيل، خاص تماماً.
  • محول AVIF إلى PNG — حوّل AVIF إلى PNG مجاناً عبر الإنترنت. معالجة البيانات فوراً في متصفحك. بدون رفع، بدون تسجيل، خاص تماماً.

أدلة ذات صلة

مراجع