CSSでカラー画像に変化を（２）

以前、CSS（Cascading Style Sheets）のフィルター機能の使用によって、カラー画像を種々変換できることを紹介し、下記（１）～（４）の実例を掲げました。

（１）blur（ぼかし）
（２）brightness（明度）
（３）contrast（コントラスト）
（４）drop-shadow（ドロップシャドウ）
（５）grayscale（グレースケール）
（６）hue-rotate（色相環）
（７）invert（階調の反転）
（８）opacity（不透明度）
（９）saturate（彩度）
（10）sepia（セピア）

今回は上記の（５）～（６）について紹介します。

我が家の庭に今咲いているひまわりの写真に対して、色々と変化を加えてみました。

　　

（５）grayscale（グレースケール ＝ 白黒画像）
（６）hue-rotate（色相環）

　

ー＞ CSSでカラー画像に変化を（１～４）