HSL یک مدل نمایش رنگ کاربرپسندانه (user-friendly) است که شما را قادر میسازد بدون نیاز به دانش تخصصی، حدس بزنید که رنگهای خاص چگونه بهنظر میرسند. HSL مخفف عبارتهای Hue (گرمای رنگ)، Saturation (اشباع رنگ) و Lightness (درخشندگی یا روشنایی رنگ) است. Hue یک رنگدانه خالص و بدون هرگونه تهرنگ و سایهای بوده که رنگهای اصلی این مدل نمایش رنگ را در بر میگیرد. Saturation نشاندهنده میزان خلوص یا اشباع رنگ بوده و Lightness شدت روشنایی یک رنگ را تعیین میکند.
برای خواندن کد رنگ در مدل نمایش رنگ HSL، ابتدا باید hue را که در بخش ابتدایی کد رنگ قرار دارد، مشاهده کنید. hue بهصورت درجهای اعلام میشود و در محدوده صفر تا ۳۶۰ درجه قابل تنظیم است. بر اساس چرخه رنگ hue، زاویه صفر درجه نشاندهنده رنگ قرمز، زاویه ۱۲۰ درجه نشاندهنده رنگ سبز و زاویه ۲۴۰ درجه به رنگ آبی اشاره میکند. قسمت بعدی کد شامل saturation است و بر اساس درصد بیان میشود. صفر درصد نشاندهنده رنگ خاکستری بوده و ۱۰۰٪ بیشترین شدت رنگ را نشان میدهد. اما آخرین موردی که باید خوانده شود، مربوط به Lightness یا همان روشنایی رنگ است. صفر درصد روشنایی بیانگر رنگ سیاه است. شدت روشنایی ۵۰٪ یک وضعیت خنثی بوده و شدت روشنایی ۱۰۰٪، رنگ سفید است. در درجهبندی رنگها، ۳۸۰ درجه درست مانند ۲۰ درجه بوده و منفی ۱۲۰ درجه نیز درست مانند ۲۴۰ درجه است.
