تحويل HEX إلى HSL

طريقة الاستخدام

1. أدخل كود HEX.
2. تظهر النتيجة فورًا وتتحدّث مع كل تعديل.
3. انسخ النتيجة، أو انسخ رابطًا يحفظ القيم نفسها لمشاركتها.

طريقة الحساب

تُقرأ كل خانتين من كود HEX عددا بالنظام الست عشري: R = RR وG = GG وB = BB من 0 إلى 255، وفي الكود الثلاثي تتكرر كل خانة. ثم (دون تقريب RGB): نأخذ 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 الأكبر.

مثال

المدخلات: كود HEX = #1E90FF. النتيجة: كود HSL: hsl(209.6, ⁦100%⁩, ⁦55.9%⁩)، الصبغة (H): 209.6 °، التشبع (S): ⁦100 %⁩.

#1E90FF

hsl(209.6, ⁦100%⁩, ⁦55.9%⁩)

الحدود والملاحظات

• لا تُقرأ الشفافية (#RRGGBBAA أو #RGBA)، فأدخل جزء اللون من 6 أو 3 خانات.
• تُقرّب القيم في الكود إلى منزلة عشرية واحدة، لذلك قد يختلف التحويل العكسي بمقدار 1 في إحدى قنوات RGB.
• تُعامل كل القيم على أنها في فضاء sRGB، وهو الفضاء الافتراضي للويب، وليس Display P3 أو Adobe RGB.