TL
Tool Lab
💰Donate
💰Donate

Color Picker

Pick colors and get HEX, RGB, HSL

R59
G130
B246
HEX#3B82F6
RGBrgb(59, 130, 246)
HSLhsl(217, 91%, 60%)

حول هذه الأداة

يتيح لك منتقي الألوان اختيار أي لون بصرياً ورؤية تمثيلاته بصيغ HEX وRGB وHSL فوراً. استخدم منتقي الألوان الأصلي للاختيار الواسع، أو شرائط RGB للتحكم الدقيق على مستوى القنوات.

تُحفظ الألوان المختارة تلقائياً في سجل الألوان الأخيرة حتى تتمكن من العودة إليها بسرعة دون إعادة الكتابة. مفيد عند مقارنة تنوعات الألوان أو بناء لوحة.

كيفية الاستخدام

  1. انقر على عينة اللون الكبيرة لفتح منتقي الألوان الأصلي للمتصفح واختيار لون.
  2. اسحب شرائط R وG وB لضبط قنوات الألوان الفردية بدقة.
  3. انقر على نسخ بجوار HEX أو RGB أو HSL لنسخ القيمة إلى الحافظة.
  4. تظهر الألوان المنسوخة في صف الألوان الأخيرة — انقر على أي عينة لاستعادتها.

حالات الاستخدام

يختار مصممو الويب ألواناً دقيقة من دليل العلامة التجارية وينسخون رموز hex إلى CSS. يضبط المطورون قيم RGB للرسم على canvas أو WebGL. يقارن مصممو الواجهات تنوعات دقيقة في نفس الصبغة.

الأسئلة الشائعة

  • هل تُحفظ الألوان المختارة بشكل دائم؟لا. تُخزَّن الألوان الأخيرة في حالة المكوِّن وتُعاد تهيئتها عند مغادرة الصفحة أو تحديثها. لحفظ دائم، انسخ رموز hex إلى ملاحظاتك.
  • هل يمكنني إدخال رمز hex مباشرةً؟نعم. استخدم حقل إدخال hex في منتقي الألوان الأصلي (متوفر في معظم المتصفحات) لكتابة قيمة hex مباشرةً.
  • ما هو HSL ولماذا هو مفيد؟HSL اختصار لـ Hue (الصبغة) وSaturation (الإشباع) وLightness (الإضاءة). تغيير الإضاءة يجعل اللون أفتح أو أغمق مع الحفاظ على نفس الصبغة، وهو مفيد لتوليد التدرجات الفاتحة والداكنة.