HSL とは？ 色相・彩度・明度で色を扱う

HSL は色相（Hue）・彩度（Saturation）・明度（Lightness）の3つの値で色を表します。色相は 0〜360° の角度、彩度と明度は 0〜100% で表現します。

色相だけを変えると色調が変わり、彩度を下げるとグレーに近づき、明度を上げると白に近づきます。人が色を調整する感覚に近く、パレットを作るときに特に便利です。

たとえば、ある色の明度だけを段階的に変えると、自然な明暗パレットができあがります。上のパレットツールはまさにこの原理を使っています。