تحويل قيم ألوان RGB إلى صيغة HSL (تدرج اللون، التشبع، الإضاءة)
تحويل الصيغ
حول هذه الأداة
تحويل قيم ألوان RGB إلى صيغة HSL (تدرج اللون، التشبع، الإضاءة). يحول ألوان RGB و RGBA إلى تمثيل HSL و HSLA الأكثر بديهية، مما يسهل ضبط الإضاءة والتشبع وإنشاء متغيرات ألوان CSS.
الميزات الرئيسية
- دعم إدخال RGB و RGBA
- إخراج بصيغتي HSL و HSLA
- إخراج قيم النسبة المئوية والزاوية
- معاينة مباشرة للون بعينة لونية
- نسخ بصيغ متعددة بنقرة واحدة
- تحويل مباشر أثناء الإدخال
حالات الاستخدام
- تحويل الألوان لاستخدام HSL في CSS
- ضبط سطوع اللون وتشبعه بشكل بديهي
- إنشاء متغيرات لونية ولوحات ألوان من لون أساسي
- تحويل ألوان أدوات التصميم إلى صيغ متوافقة مع الويب
- بناء مخططات ألوان متوافقة مع معايير الوصول من خلال تحكم دقيق بالإضاءة
rgb
hsl
color
converter
css
design
الأسئلة الشائعة
ما هي صيغة HSL؟
HSL تعني تدرج اللون (Hue) والتشبع (Saturation) والإضاءة (Lightness). يُعبر عن التدرج بزاوية (0-360) تمثل الموقع على عجلة الألوان. يُعبر عن التشبع والإضاءة بنسب مئوية (0-100%). HSL غالبًا أكثر بديهية من RGB في التعامل مع الألوان.
هل تدعم قناة الشفافية؟
نعم. عند إدخال قيم RGBA، تخرج الأداة صيغة HSLA متضمنة قناة الشفافية. تُحفظ قيمة الشفافية من الإدخال.
ما مدى دقة التحويل من RGB إلى HSL؟
يستخدم التحويل الصيغ الرياضية القياسية لتحويل فضاء الألوان من RGB إلى HSL. يُحسب التدرج لأقرب درجة، والتشبع والإضاءة لأقرب نسبة مئوية. النتائج دقيقة ومتوافقة مع أدوات تحويل الألوان القياسية في المجال.
هل يمكن رؤية معاينة لونية للقيم المحولة؟
نعم. تعرض الأداة معاينة لونية مباشرة تتحدث فورًا عند تغيير قيم RGB أو HSL. تساعدك هذه الملاحظات البصرية في التأكد من أن اللون المحول يطابق توقعاتك قبل الاستخدام.
هل يمكنني أيضًا إدخال قيم HSL للحصول على RGB؟
نعم، تدعم الأداة التحويل ثنائي الاتجاه. يمكنك إدخال قيم HSL في مربع الإدخال وستحولها الأداة مرة أخرى إلى RGB، مع عرض كود HEX المطابق ومعاينة اللون.