تحويل RGB إلى HSL
أدخل قيم الأحمر والأخضر والأزرق لتحصل على قيم HSL، وهي صيغة تسهّل صنع درجات أفتح وأغمق في CSS.
جارٍ تحميل الأداة…
المعالجة والخصوصية: تُحسب النتيجة داخل متصفحك ولا تُرسل بياناتك إلى أي خادم.
طريقة الاستخدام
- أدخل الأحمر (R)، الأخضر (G) والأزرق (B).
- تظهر النتيجة فورًا وتتحدّث مع كل تعديل.
- انسخ النتيجة، أو انسخ رابطًا يحفظ القيم نفسها لمشاركتها.
طريقة الحساب
نأخذ max وmin من R/255 وG/255 وB/255 وd = max - min، فتكون L = (max + min) / 2 وS = d / (1 - |2L - 1|)، وH = 60 × ((G - B) / d mod 6) إذا كان R الأكبر، أو 60 × ((B - R) / d + 2) إذا كان G الأكبر، أو 60 × ((R - G) / d + 4) إذا كان B الأكبر.
مثال
المدخلات: الأحمر (R) = 30، الأخضر (G) = 144، الأزرق (B) = 255. النتيجة: كود HSL: hsl(209.6, 100%, 55.9%)، الصبغة (H): 209.6 °، التشبع (S): 100 %.
الحدود والملاحظات
- تُقرّب القيم في الكود إلى منزلة عشرية واحدة، لذلك قد يختلف التحويل العكسي بمقدار 1 في إحدى قنوات RGB.
- تُعامل كل القيم على أنها في فضاء sRGB، وهو الفضاء الافتراضي للويب، وليس Display P3 أو Adobe RGB.
أسئلة شائعة عن هذه الأداة
متى أستخدم HSL بدلا من RGB؟
عندما تريد درجات أفتح أو أغمق من اللون نفسه، إذ تغيّر قيمة L وحدها وتبقى الصبغة ثابتة.
ما المدى المسموح لقيم RGB؟
كل قناة عدد صحيح من 0 إلى 255، فالقيمة 0 تعني غياب ذلك اللون و255 أعلى شدة له.
هل أستطيع لصق نتيجة HSL في CSS مباشرة؟
نعم، الدالة hsl() مدعومة في كل المتصفحات الحديثة، وسطر CSS في النتائج جاهز للنسخ كما هو.