HSL مخفف سه واژه Hue, saturation, Lightness می باشد. با پارامتر Hue رنگ مورد نظرتان را انتخاب میکنید و برخلاف سیستم تعیین رنگ RGB و RGBA که سه پارامتر برای تعیین رنگ بود شما فقط با همین یک پارامتر رنگ خود را تعیین میکنید. ولی نکته ای که وجود دارد این می باشد که شما برای این پارامتر از درجه استفاده می کنید و در اصل این رنگ ها داخل یک دایره می باشند که شما با استفاده تعیین درجه مشخص میکنید که از چه رنگی استفاده شود پس اعداد به کار رفته برای این پارامتر 0 تا 360 می باشند.

پارامتر دوم Saturation می باشد که تعیین کننده غلظت رنگ می باشد که مقادیر آن به صورت درصد یعنی بین 0 تا 100 بیان میشود و نکته ای که مهم است این میباشد که هر چه به 100 نزدیک تر می شویم غلظت زنگ کاسته شده و رنگ به سمت خاکستری پیش میرود.

پارامتر سوم Lightness است که تعیین کننده روشنایی یا تاریکی رنگ است و این پارامتر هم به صورت درصد یعنی بین 0 تا 100 بیان میشود و هر چه به عدد 100 نزدیکتر شویم رنگ روشن تر و در نهایت به سفید می رسد و هر چه به عدد صفر نزدیک تز شویم تیره تر و در نهایت به سیاه می رسیم.