CSS の grayscale() は、画像をグレースケールに変換する効果を表します。

CSS 関数の grayscale() は、要素のイメージをグレースケールに変換します。1 から 0 の範囲の値を取る引数を取り、変換の度合いを指定します。 0 は元のイメージ、1 は完全なグレースケールイメージです。例えば、grayscale(0.5) はイメージを 50 % グレースケールにします。この関数は、img や背景イメージ、background-image プロパティで設定された要素など、視覚的なイメージを持つ全ての要素に適用できます。