Hue
يمثل درجة اللون على عجلة الألوان، وتتراوح قيمته بين 0 و360 درجة.
Developer Tools
RGB to HSL
حوّل ألوان RGB إلى HSL بسرعة ودقة مباشرة من المتصفح.
RGB Color
RGB
Preview
أدخل قيم RGB بين 0 و255 لكل قناة.
جاهز للتحويل
أدخل قيم RGB ثم اضغط على تحويل إلى HSL.
HSL Result
HSL
hsl(0, 0%, 0%)
Hue
0°
Saturation
0%
Lightness
0%
RGB
rgb(52, 152, 219)
CSS
color: hsl(0, 0%, 0%);
Red 52
Green 152
Blue 219
الحالة جاهز
خصوصية كاملة
تتم جميع عمليات تحويل الألوان داخل المتصفح مباشرة، ولا يتم إرسال قيم RGB إلى أي خادم خارجي.
RGB TO HSL
ما هو تحويل RGB إلى HSL؟
أداة تساعد المطورين والمصممين على تحويل الألوان من نظام RGB إلى نظام HSL بسهولة وسرعة.
Saturation
يحدد مستوى تشبع اللون وقوته، ويتم التعبير عنه كنسبة مئوية.
Lightness
يحدد درجة إضاءة اللون من الأسود إلى الأبيض كنسبة مئوية.
HOW IT WORKS
كيفية استخدام RGB to HSL
1
أدخل قيم RGB
أدخل قيم الأحمر والأخضر والأزرق، بحيث تكون كل قيمة بين 0 و255.
2
ابدأ التحويل
اضغط على زر تحويل إلى HSL للحصول على القيم الجديدة فوراً.
3
انسخ النتيجة
انسخ HSL أو كود CSS واستخدمه مباشرة في مشروعك.
FAQ
الأسئلة الشائعة
ما هو نظام HSL؟
HSL هو نظام لتمثيل الألوان يعتمد على Hue وSaturation وLightness، أي درجة اللون والتشبع والإضاءة.
كيف أحول RGB إلى HSL؟
أدخل قيم R وG وB بين 0 و255 ثم اضغط على زر تحويل إلى HSL للحصول على النتيجة مباشرة.
ما هي القيم الصحيحة لـ RGB؟
كل قناة من قنوات RGB وهي الأحمر والأخضر والأزرق تتراوح بين 0 و255.
هل يتم إرسال بيانات اللون إلى الخادم؟
لا. تتم عملية التحويل بالكامل داخل المتصفح باستخدام JavaScript ولا يتم إرسال بيانات اللون إلى خادم خارجي.