CSS 圖片改顏色是一個十分有用的技能，在網頁設計中經常會遇到這種需要改變圖片顏色的需求。 CSS 的 filter 屬性提供了一種簡單的方式來改變圖片的顏色效果。 我們可以使用 filter 屬性來設置圖片的濾鏡效果，實現圖片的顏色變化。同時，可以通過改變濾鏡屬性的值來改變圖片的顏色效果。 下面是 CSS 圖片改顏色的代碼示例：

img{
filter: grayscale(100%);
}
img:hover{
filter: grayscale(0%);
}

首先，我們使用 filter 屬性的 grayscale() 函數來實現將圖片變為灰色。其中，參數值 100% 表示完全灰度，0% 表示原始色彩。因此，在上面的代碼中，我們將圖片的濾鏡效果設置為 100%，即變成了黑白色的灰度圖片。 然后，我們使用 :hover 偽類選擇器來實現鼠標懸停時恢復圖片原始色彩。當鼠標懸停在圖片上時，我們把濾鏡效果的值改變為 0%，從而實現圖片顏色的恢復。 在實際使用中，可以根據需要調整濾鏡效果的屬性值，實現更加豐富的圖片顏色效果。比如，可以使用 sepia() 函數來實現棕色降飽和度的效果，或使用 hue-rotate() 函數實現圖片顏色的旋轉。總之，通過使用 filter 屬性可以實現各種有趣的圖片顏色效果，讓網頁設計更加生動和豐富。