محول لون RGB إلى HSL
حوّل قيم لون RGB إلى HSL (تدرج، تشبع، إضاءة) فورًا. مجاني، بدون تسجيل.
هل أجابت هذه الأداة على سؤالك؟
شكرًا لك، هذا يساعدنا على تحسين الأداة.
كيفية استخدام هذه الأداة
- أدخل قيم الأحمر والأخضر والأزرق (كل منها 0–255).
- تحسب الأداة التدرج (0–360°) والتشبع (0–100%) والإضاءة (0–100%).
- استخدم نتيجة hsl() مباشرة في CSS.
حوّل قيم لون RGB إلى نموذج الألوان HSL (التدرج والتشبع والإضاءة) المستخدم في CSS وأدوات التصميم.
المعادلة
Given Red, Green, Blue each in 0–255, first normalize: r' = R/255, g' = G/255, b' = B/255.
Then: L = (max + min) / 2
If max ≠ min, delta d = max − min, then:S = d / (2 − max − min) when L > 0.5, else S = d / (max + min)
Hue sector depends on which channel is max:
• R is max: H = (g' − b') / d + (g' < b' ? 6 : 0)
• G is max: H = (b' − r') / d + 2
• B is max: H = (r' − g') / d + 4
Then H = H / 6 × 360
الأسئلة الشائعة
- ما هو HSL؟
- HSL اختصار لـHue وSaturation وLightness (التدرج والتشبع والإضاءة). يمثّل الألوان في نموذج أسطواني، ما يجعله أكثر بداهة من RGB لضبط السطوع والتشبع.
- ما النطاق الذي يستخدمه التدرج؟
- يُقاس التدرج بالدرجات من 0 إلى 360، حيث 0/360 هو الأحمر، و120 الأخضر، و240 الأزرق.