CSSフィルター:画像の彩度を変える

goto_jp 2,348views 更新:2014年5月7日

サンプルはこちら。
http://codepen.io/KazuyoshiGoto/pen/hxsgi

CSSフィルターで画像の彩度を調整できます。

CSS

filter:saturate(100%);

彩度100%が平常時で、0%にすることで彩度が無くなりグレーになります。

100%以上を設定することもでき、どうにも上限は無いようで思い切りビビッドな色にすることもできます。

ログイン / 新規登録してコメントする

このソースコードをストックして後で利用したり、作業に利用したソースコードをまとめることができます。

こちらもお役に立つかもしれません