منتقي الألوان - اختيار وتحويل الألوان مجاناً عبر الإنترنت
اختر أي لون وحوّله فوراً بين صيغ HEX و RGB و HSL. معاينة الألوان في الوقت الفعلي، وتوليد ألوان عشوائية، ونسخ أكواد الألوان بنقرة واحدة. مثالي لمصممي ومطوري الويب.
اختر وحول الألوان بتنسيقات مختلفة
tools.colorPicker.hex
#3498db
tools.colorPicker.rgb
rgb(52, 152, 219)
tools.colorPicker.hsl
hsl(204, 70%, 53%)
اختر وحول الألوان بتنسيقات مختلفة
tools.colorPicker.hex
#3498db
tools.colorPicker.rgb
rgb(52, 152, 219)
tools.colorPicker.hsl
hsl(204, 70%, 53%)
كيفية الاستخدام
- أدخل كود لون HEX أو استخدم معاينة اللون للبدء.
- شاهد اللون معروضاً في الوقت الفعلي مع جميع تحويلات الصيغ.
- انقر على زر العشوائي لتوليد لون جديد.
- انسخ أي صيغة لون (HEX، RGB، HSL) بنقرة واحدة.
المميزات
- معاينة لون في الوقت الفعلي مع منطقة عرض كبيرة
- تحويل تلقائي بين HEX و RGB و HSL
- نسخ بنقرة واحدة لكل صيغة لون
- مولّد ألوان عشوائية للإلهام
- يدعم أكواد HEX المكونة من 3 و 6 أرقام
- مجاني بدون تسجيل
الأسئلة الشائعة
ما الفرق بين HEX و RGB و HSL؟
يستخدم HEX الترميز الست عشري (#RRGGBB). يحدد RGB قيم الأحمر والأخضر والأزرق (0-255). يستخدم HSL درجة اللون (0-360) والتشبع (0-100%) والإضاءة (0-100%). الصيغ الثلاث تمثل نفس الألوان بتنسيقات مختلفة.
أي صيغة لون يجب استخدامها لتطوير الويب؟
HEX هو الأكثر شيوعاً في CSS. RGB مفيد عند الحاجة إلى الشفافية (rgba). HSL بديهي لضبط الألوان حيث يمكنك تغيير درجة اللون أو التشبع أو الإضاءة بشكل مستقل.
هل يمكنني إدخال كود HEX مكون من 3 أرقام؟
نعم. كود HEX المكون من 3 أرقام مثل #ABC يتم توسيعه تلقائياً إلى #AABBCC. كلا الصيغتين مدعومتان.
هل بياناتي آمنة عند استخدام هذه الأداة؟
نعم. جميع تحويلات الألوان تتم محلياً في متصفحك. لا يتم إرسال أي بيانات إلى أي خادم.
نصائح وسير عمل ذات صلة
- أنشئ رمز QR بألوان علامتك التجارية باستخدام مولّد رمز QR.
- شفّر قيم الألوان لعناوين CSS URL باستخدام مشفر URL.
- خزّن لوحات الألوان بتنسيق JSON باستخدام منسّق JSON.
- احسب القيم المئوية للألوان باستخدام حاسبة النسبة المئوية.