【Unity】uGUIで狙った色を重ねたい

色を乗算する

例えば、下のような画像があったとします。

#9DD4C9

これに対して、カラーフィルタを後から足して、下のような色味を作りたい、というケースが稀によくあると思います。

#02817F

この場合、各RGB列に対して次の式を適用することで、変換用の色を求めることが出来ます。

$$変換用の色 = \frac{変換後の色 \times FF}{変換前の色}$$


例えば、上の例の場合

・R
$$R = \frac{02 \times FF} {9D} = 03$$
・G
$$G = \frac{81 \times FF} {D4} = 9B$$
・B
$$B = \frac{7F \ times FF} {C9} = A1$$

となるので、これ(#039BA1)をColorの部分に打ち込むことで

上図のように色を変換することが出来ます。

作成者: rarafy

2013年くらいからUnityを触っているかもしれません。 特に書くこともありませんが、趣味は部屋の掃除です。

コメントする

メールアドレスが公開されることはありません。 が付いている欄は必須項目です