見出し画像

Colour HSL-HSLでマテリアルを生成

HSL(H(色相)・S(彩度)・L(輝度))でマテリアルを生成するコンポーネント『Colour HSL』です。

インプットはそれぞれ0~1.0の数値を指定して色を作成します。
『A』(Alpha)は、透過度の指定
『H』(Hue)は、色相の指定
『S』(Saturation)は、彩度の指定
『L』(Luminance)は、輝度の指定

『H』を変更してみると、このように色が変わります。

透過度『A』=0.5

『A』の値を変更してみると透過度が変わります。
透過度は0になるほど透明になり、1.0だと透過度0です。

透過度『A』=0

『S』の値を変更してみると彩度が変わります。
透過度は0になるほど彩度がなくなり、1.0で最も鮮やかになります。

彩度『S』=0
彩度『S』=1.0

『L』の値を変更してみると輝度が変わります。
輝度は0になるほど暗くなり、1.0で最も明るくなります。
暗くなりすぎると黒くなり、明るくなりすぎると白くなります。

輝度『L』=0.5
輝度『L』=0
輝度『L』=1.0

いつもサポートいただきありがとうございます! これからもあなたの代わりに役立つ記事を更新し続けていきます。 どうぞよろしくお願いします。