HSLとは、色を「色相(Hue)」「彩度(Saturation)」「輝度（Lightness)」の3要素で表現する方式です。
HLS色空間とも呼ばれています。
HSLと似た色の表現方法に、色相(Hue)・彩度(Saturation)・明度(Value・Brightness)の3要素で色を表現した「HSV色空間」があります。
ぱっと見よく似ていますが、彩度を低下させた時にHSLは赤緑青のうち最も強い色と最も弱い色の中間に収束していくのに対してHSVは最も強い色に収束していくという明確な違いがあります。
両者を混同すると、まったく別の色になってしまったりするので注意してください。

■ [関連項目] HSV色空間とは 色の表現方法としてよく使われているRGBは「原色の組み合わせ」で色を表現していますが、この方法だと各要素を変動させた場合に色がどう変化するかがイメージしにくく、細かな色の調整をしたい場合などには不向きです。
一方、HSV・HSLでは色を「鮮やかさ」「明るさ」といった直感的にわかりやすい方法で表現しているため、「この色を明るくしたい・暗くしたい」「色を薄くしたい・濃くしたい」といった感覚的な調整が簡単にできます。

しかし、HSV色空間では原色が明度100%となっているため、原色をさらに明るくしたい場合に若干操作に迷ってしまうという欠点があります。
この欠点を克服するため、HSL色空間では原色を輝度50%として、高ければ明るく、低ければ暗くといった感じで、より直感的な調整をすることができるようになっています。