CSS圖片變顏色是一種非常方便的技術，可以讓圖片在不改變文件的情況下改變顏色。下面我們來看一些代碼示例：

以上代碼中，我們使用了filter屬性將圖片變成黑白，同時使用hover高亮效果。我們還使用了color屬性將圖標變成紅色或綠色。需要注意的是，只有before和after偽元素才能使用內容（content）屬性。

另外，我們還可以使用background-color屬性改變背景顏色，比如：

按鈕

以上代碼中，我們使用background-color屬性將按鈕的背景顏色設置為深藍色，并使用hover高亮效果將背景顏色變成亮綠色。這種技術可以用在各種按鈕、導航菜單等元素上。

總之，CSS圖片變顏色是一種非常實用的技術，在網頁設計中會經常用到，希望這篇文章能對你有所幫助。