HSL カラー値は、IE9+, Firefox, Chrome, Safari, Opera10+ がサポートしています。
HSL は、hue, saturation, lightness の略です。
HSL カラー値の指定は次の通り：hsl(hue, saturation, lightness).
色相は、0 ～360 の範囲のカラーホイール（色相環）上の角度です。赤は 0、緑は 120、青は 240 です。
彩度は、パーセントで表します：0% は灰色を表し、100% は純色（full color）を表します。
明度も、パーセントで表します：0% は黒で、100% は白を表します。
HSL カラー値は、すべての主要なブラウザでサポートされています。
<style>
div {
background-color: hsl(180, 50%, 50%);
color: hsl(0, 0%, 100%);
}
</style>