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

HSLカラー・モデルは色相(“Hue”)、彩度(“Saturation”)、輝度(“Lightness”、もしくは“Luminance”)で色を表現するカラー・モデルです。透明度を示すアルファ値の指定で透過色を表現することができます。

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

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

透明度は“0”から“100”の百分率で表します。“0”が完全な透明、“100”が完全な不透明です。

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