art2nd https://blog.hatena.ne.jp/art2nd/ 晴歩雨描 https://2ndart.hatenablog.com/ 写真・カメラ ホームページ、Web作成 CSS Filterを試してみた。 CSS Filterを使えば、写真そのものを加工しなくても、ブラウザ上で彩度、明度、色相、コントラスト等色調を変えて表示できる。 CSSは簡単。例えばグレースケールにしたければ、<img>にgrayscaleフィルタを指定するだけで良い。 -webkit-filter: grayscale(100%); filter: grayscale(100%); 明度を変えるなら、下のようにbrightnessフィルタを指定する。 -webkit-filter: brightness(1.2); filter: brightness(1.2); 【フィルタ種類】 fi… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2F2ndart.hatenablog.com%2Fentry%2F2019%2F02%2F14%2F152603" title="CSS Filterを使えば、簡単に色調（明度、彩度、色相、透過度 etc.）加工ができる。 - 晴歩雨描" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> https://cdn-ak.f.st-hatena.com/images/fotolife/a/art2nd/20190214/20190214142149.jpg Hatena Blog https://hatena.blog 2019-02-14 15:26:03 rich https://2ndart.hatenablog.com/entry/2019/02/14/152603 1.0 100%