HTML 中的 img 標(biāo)簽通常用來展示圖片，但是有時候我們需要改變圖片的顏色，可能是為了符合網(wǎng)站的主題色，也可能是為了強(qiáng)調(diào)某些元素。這時候，我們可以使用 CSS 來達(dá)到目的。
CSS 提供了 filter 屬性來實現(xiàn)對圖像的濾鏡效果，其中包括了改變圖片顏色的功能。接下來，我們來看一下如何使用 CSS 改變 img 標(biāo)簽的顏色吧。
首先，我們需要為 img 標(biāo)簽添加一些樣式，讓它可以顯示濾鏡效果。以下是一個基本的例子：

img {
filter: grayscale(100%);
}

上述代碼將圖片變?yōu)榱撕诎咨{(diào)，因為 grayscale() 方法將所有顏色轉(zhuǎn)換為灰度色。我們可以通過修改方法的參數(shù)來改變顏色，例如使用 sepia() 方法將圖片變?yōu)樯詈稚a如下：

img {
filter: sepia(100%);
}

我們還可以使用 hue-rotate() 方法來改變圖片的色相。這個方法接受一個角度值，可以讓圖片順時針旋轉(zhuǎn)指定角度后呈現(xiàn)出不同的顏色。例如，以下代碼會將圖片變?yōu)樽仙?br>

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

最后，我們來看一個綜合性的例子，將圖片顏色變?yōu)橐粋€網(wǎng)站的主題色。首先，我們需要找到指定色（假設(shè)是 #007aff），然后使用 brightness() 方法讓顏色變亮，調(diào)整飽和度使顏色更飽和，最后使用 hue-rotate() 設(shè)置色相。代碼如下：

img {
filter: brightness(150%) saturate(150%) hue-rotate(15deg);
}

通過以上方法，我們可以輕松地改變圖片的顏色，使它更加符合我們的需求。