محول لون Hex إلى HSL
حوّل رمز لون Hex في CSS إلى HSL (تدرج، تشبع، إضاءة) بنقرة واحدة.
هل أجابت هذه الأداة على سؤالك؟
شكرًا لك، هذا يساعدنا على تحسين الأداة.
كيفية استخدام هذه الأداة
- أدخل رمز لون سداسي من 6 أرقام (مثال: #ff5733). العلامة # الأولية اختيارية.
- تحوّله الأداة إلى HSL: التدرج بالدرجات، والتشبع والإضاءة كنسب مئوية.
- انسخ سلسلة hsl() إلى CSS أو ورقة الأنماط الخاصة بك.
الصق رمز لون سداسي واحصل على قيمة HSL المكافئة لاستخدامها في دوال CSS hsl() أو أدوات التصميم.
المعادلة
Expand a 3-digit hex to 6 digits if needed (e.g. #abc → #aabbcc), then parse each pair: r = parseInt(hex[0..1], 16) / 255, similarly for g and b.
Then apply RGB-to-HSL: L = (max + min) / 2; S = d / (2 − max − min) if L > 0.5, else S = d / (max + min); hue from the dominant channel as in RGB-to-HSL.
الأسئلة الشائعة
- لماذا نحوّل Hex إلى HSL؟
- HSL أسهل في التعامل عند ضبط السطوع أو التشبع. يمكنك إبقاء التدرج ثابتًا وضبط التشبع/الإضاءة لإنشاء درجات فاتحة وظلال داكنة.
- هل يدعم هذا الهكس المكوّن من 3 أرقام؟
- نعم — يُعامَل #abc كـ#aabbcc.