محول الألوان
حوّل الألوان بين صيغ HEX و RGB و HSL مع معاينة مباشرة.
اكتشف المزيد من الأدوات المجانية
كيفية استخدام هذه الأداة
- أدخل قيمة لون بأي صيغة: HEX (#FF5733) أو RGB (rgb(255,87,51)) أو HSL (hsl(11,100%,60%)).
- شاهد القيم المحوّلة في جميع الصيغ معروضة جنباً إلى جنب.
- شاهد معاينة اللون المباشرة تتحدث في الوقت الفعلي أثناء الكتابة.
- انقر على أي قيمة لنسخها إلى الحافظة.
- استخدم منتقي الألوان لاختيار لون بصرياً والحصول على جميع قيم الصيغ.
أدوات ذات صلة
مكتشف الأبراج
اعرف برجك حسب تاريخ الميلاد مع الصفات ومعلومات التوافق.
دليل أدوات الذكاء الاصطناعي المجانية
دليل مختار لأفضل أدوات الذكاء الاصطناعي المجانية للكتابة والصور والفيديو والبرمجة والمزيد.
أداة اختبار وتحويل التعبيرات المنتظمة
اختبر التعبيرات المنتظمة واستبدل بنمط regex واستخرج التطابقات وأنشئ مقتطفات كود لعشر لغات برمجة.
الأسئلة الشائعة
ما هي صيغ الألوان HEX و RGB و HSL؟
يمثل HEX الألوان كرمز سداسي عشري من 6 أرقام (مثل #FF5733). يستخدم RGB قيم الأحمر والأخضر والأزرق من 0-255. يمثل HSL الألوان بالتدرج (0-360°) والتشبع (0-100%) والإضاءة (0-100%)، وهو أكثر سهولة للفهم البشري.
كيف أحول HEX إلى RGB؟
أدخل رمز لون HEX (مع أو بدون رمز #) وتعرض الأداة فوراً قيم RGB المكافئة. مثلاً #FF5733 يتحول إلى RGB(255, 87, 51).
لماذا يجب استخدام HSL بدلاً من RGB؟
يفضل المصممون HSL لأنه أكثر سهولة. يمكنك ضبط التدرج لتغيير اللون والتشبع للحيوية والإضاءة للسطوع، كل ذلك بشكل مستقل. وهو أيضاً الصيغة المستخدمة في CSS الحديث.
هل يمكنني استخدام محول الألوان هذا لتصميم الويب؟
نعم. تدعم هذه الأداة جميع صيغ ألوان الويب القياسية. يمكنك التحويل بين أي صيغة ونسخ القيم مباشرة للاستخدام في CSS أو HTML أو JavaScript أو برامج التصميم مثل Figma و Photoshop.
ما صيغ الألوان التي يدعمها هذا المحول؟
يدعم محول الألوان لدينا HEX (#RRGGBB) و RGB (rgb(r, g, b)) و HSL (hsl(h, s%, l%)) والألوان المسماة. أدخل أي قيمة واحصل على تحويلات فورية لجميع الصيغ الأخرى.