CSS是網頁設計中非常重要的一部分，它能夠幫助我們精細地控制網頁的樣式。其中有一項能力就是CSS可以修改圖片的顏色。下面我們來看一下如何使用CSS改變圖片的顏色。

首先，我們需要在HTML文件中引用圖片。假設我們有一張名為“example.png”的圖片：

<img src="example.png" alt="example" />

我們可以給這張圖片加上一個類名，以便在CSS中引用它：

<img src="example.png" alt="example" class="color-change" />

接下來，在CSS中定義“color-change”類：

.color-change {
filter: invert(100%);
}

在這個樣式中，我們使用了CSS的“filter”屬性，用來改變圖片的顏色。其中，“invert”函數表示反轉所有顏色，從而實現將圖片顏色翻轉的效果。值為“100%”表示完全反轉，即將原本的色彩完全翻轉。

同樣的，我們也可以使用其他的CSS濾鏡函數，從而實現各種想要的效果。例如，使用“hue-rotate”函數可以將圖片的色相進行旋轉：

.color-change {
filter: hue-rotate(90deg);
}

上面的代碼表示將圖片的色相向右旋轉90度。我們通過嘗試不同的數值，可以獲得不同的效果。

總之，CSS能夠很方便地修改圖片的顏色，從而實現更多樣化的網頁設計效果。