CSS是網頁設計中的一個重要組成部分，它可以為網頁添加各種樣式和效果。其中，更換圖片顏色是CSS中常用的一種技巧。下面我們來介紹一下如何使用CSS更換圖片顏色。 首先，我們需要指定要更換顏色的圖片。可以通過HTML中的img標簽來添加圖像，并給圖像指定一個類名。例如，我們添加了一張紅色的心形圖片，并給它指定了一個類名“heart-image”：

<img class="heart-image" src="heart-red.png" alt="紅色心形圖片">

接下來，我們可以使用CSS中的filter屬性來更換圖片顏色。具體來說，我們可以將filter屬性設置為“hue-rotate()”，并指定一個角度，該角度會將所有顏色旋轉相應的角度值，實現顏色更換的效果。 例如，如果我們想將紅色心形圖片更改為藍色，可以將hue-rotate()函數的值設為“180deg”，即將所有顏色旋轉180度。代碼如下：

.heart-image {
filter: hue-rotate(180deg);
}

此時，我們就可以將紅色心形圖片更改為藍色了。當然，還可以使用其他的角度值來實現更多的顏色變化效果。 需要注意的是，不是所有的瀏覽器都支持filter屬性。目前，支持該屬性的瀏覽器有Chrome、Firefox、Edge、Safari等主流瀏覽器。因此，在使用filter屬性時，應該考慮到瀏覽器的兼容性。 總之，CSS的filter屬性是實現圖片顏色更換的一種簡單有效的方法，可以為網頁設計帶來更多的靈活性和創意性。