HSL model (Hue, Saturation, Lightness) usnadňuje práci s barvami pro designéry tím, že umožňuje jednoduché úpravy barevných odstínů a světlosti bez změny ostatních vlastností.
HSL makes it easy to change just the shade or brightness without affecting other attributes.
Hue určuje barvu, Saturation její intenzitu a Lightness přizpůsobuje světlost, což je ideální pro vytvoření konzistentního designu v aplikacích nebo webových stránkách. Výhodou HSL je také možnost použít proměnné, což je praktické pro kódování v SCSS a zachování konzistence barev při různých stavech UI prvků.