以前、CSS（Cascading Style Sheets）のフィルター機能の使用によって、カラー画像を種々変換できることを紹介し、下記（１）～（４）の実例を掲げました。
（１）blur（ぼかし）
（２）brightness（明度）
（３）contrast（コントラスト）
（４）drop-shadow（ドロップシャドウ）
（５）grayscale（グレースケール）
（６）hue-rotate（色相環）
（７）invert（階調の反転）
（８）opacity（不透明度）
（９）saturate（彩度）
（10）sepia（セピア）
今回は上記の（５）～（６）について紹介します。
我が家の庭に今咲いているひまわりの写真に対して、色々と変化を加えてみました。
（５）grayscale（グレースケール ＝ 白黒画像）
（６）hue-rotate（色相環）