HSLカラー生成・変換ツール

HSLカラー・モデルは色相(“Hue”)、彩度(“Saturation”)、輝度(“Lightness”、もしくは“Luminance”)で色を表現するカラー・モデルです。

色相は角度で表します。このツールでは色相は度数法の角度を表す“-999”から“999”までの数値で入力できます。“0”が赤色、“120”が緑色、“240”が青色を表します。

彩度と輝度は“0”から“100”の百分率で表します。

生成した色はCSSの“hsl()”関数、“rgb()”関数、もしくは16進数カラーコードとして出力できます。関数の引数を整数値にしたい場合は「Round」ボタンをクリックしてください。