Skip to main content

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

مُختار لون الصورة illustration
🖼️

مُختار لون الصورة

انقر في أي مكان على صورة لتحديد قيمة اللون الدقيقة بالشكل السداسي (HEX) و RGB و HSL.

1

ارفع صورتك

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

2

انقر للتحديد

انقر في أي مكان على الصورة لتحديد اللون الدقيق في ذلك البكسل.

3

انسخ قيم الألوان

انسخ قيمة HEX أو RGB أو HSL للألوان بنقرة واحدة.

Loading tool...

What Is مُختار لون الصورة?

يسمح لك مُختار لون الصورة باستخراج قيم الألوان الدقيقة من أي بكسل في الصورة. قم بتحميل صورة أو رسومات، وانقر على أي مكان فيها، واحصل فورًا على اللون بتنسيقات HEX و RGB و HSL. يحتفظ الأداة بسجل للألوان التي تم اختيارها حتى تتمكن من اختبار عدة ألوان ومقارنتها. كل مربع لوني في السجل قابل للنقر لنسخ قيمته بالتنسيق HEX. هذا أمر أساسي للمصممين الذين يطابقون الألوان التجارية مع الشعارات، والمطورين الذين يستخرجون الألوان من النماذج الأولية، وأي شخص يحتاج إلى تحديد قيم الألوان الدقيقة من الصور.

Why Use مُختار لون الصورة?

  • مؤشر تحديد بالانقرار بدقة بكسل دقيقة
  • قيم الألوان في صيغ HEX وRGB وHSL في نفس الوقت
  • تاريخ الألوان يحفظ الألوان التي حددتها لمقارنتها
  • نسخ بنقرة واحدة إلى الحافظة لأي تنسيق لون

Common Use Cases

مطابقة ألوان العلامة التجارية

استخراج الألوان الدقيقة للعلامة التجارية من الشعارات والmaterials التسويقية.

تحليل نموذج التصميم

اختر الألوان من نماذج التصميم لاستخدامها في CSS أو أدوات التصميم.

إلهام ألوان الصور

عينة الألوان الجميلة من الصور لإنشاء لوحة ألوان.

فحص سهولة الوصول

اختر الألوان الأمامية والخلفية للتحقق من نسب التباين.

Technical Guide

يعرض مختار اللون الصورة المرفوعة على عنصر Canvas ويقرأ بيانات البكسل باستخدام getImageData(x, y, 1, 1). يتم تحويل إحداثيات النقرة بالفأر من إحداثيات العرض إلى إحداثيات Canvas عن طريق حساب نسبة التماثل بين الحجم المعروض والابعاد الفعلية للكانفس. يُستخدم تنسيق التحويل HEX لتنسيق كل مكون RGB ك سلسلة十六ية ذات رقمين. يستخدم تحويل HSL الخوارزمية القياسية لحساب الإضاءة والتشبع واللون من قيم RGB.

Tips & Best Practices

  • 1
    امزج الصورة لتحديد أكثر دقة للألوان في المناطق الصغيرة
  • 2
    انقر على عدة نقاط لإنشاء لوحة ألوان من صورة
  • 3
    استخدم HEX لتطوير الويب، RGB للتصميم الجرافيكي، HSL للت調ات اللونية
  • 4
    تاريخ الألوان يحفظ حتى 20 لونًا تم تحديده مؤخرًا

Related Tools

Frequently Asked Questions

Q ما مدى دقة محدد الألوان؟
دقيق جدا. يقرأ القيم الدقيقة RGBA من بيانات بكسل الكanvas في الموقع المنقر.
Q هل يمكنني تحديد الألوان من أي تنسيق صورة؟
نعم، يعمل أي تنسيق يدعمه متصفحك.
Q لماذا قد يبدو اللون مختلفًا قليلاً؟
يمكن أن تؤثر ملفات تعريف الألوان وضبط الشاشة على المظهر. قيمة HEX هي اللون الرقمي الحقيقي.
Q هل يمكنني حفظ الألوان التي حددتها؟
تستمر سجلة الألوان خلال جلستك. انسخ قيم HEX لحفظها بشكل دائم.
Q هل يعمل مع الصور الشفافة؟
نعم، ستظهر البكسلات الشفافة قيم RGBA بما في ذلك قناة ألفا.

About This Tool

مُختار لون الصورة is a free online tool by FreeToolkit.ai. All processing happens directly in your browser — your data never leaves your device. No registration or installation required.