CSS中修改圖片顏色的方法

在CSS中，我們可以使用filter屬性來修改圖片的顏色，具體代碼如下：

1、灰度化：將圖片轉(zhuǎn)換為灰度圖像。

img {
  filter: grayscale(100%);
}

2、飽和度：調(diào)整圖片的飽和度，使其更加鮮艷或柔和。

img {
  filter: saturate(50%);
}

3、亮度：調(diào)整圖片的亮度，使其更加明亮或暗淡。

img {
  filter: brightness(50%);
}

4、對比度：調(diào)整圖片的反差，使其更加清晰或模糊。

img {
  filter: contrast(50%);
}

5、色調(diào)：調(diào)整圖片的色調(diào)，使其呈現(xiàn)不同的顏色。

img {
  filter: hue-rotate(30deg);
}

6、變換：對圖片進(jìn)行多種變換，包括縮放、裁剪等。

img {
  filter: transform(rotate(30deg));
}

需要注意的是，這些濾鏡效果會疊加在原始圖片上，因此可以根據(jù)需要組合使用多個濾鏡效果，這些濾鏡效果也會受到瀏覽器和操作系統(tǒng)的影響，因此在實際應(yīng)用中需要謹(jǐn)慎使用。