CSS是前端設計中不可或缺的樣式語言，本文將介紹如何使用CSS讓圖片變色。

img{
filter: grayscale(100%);
}

通過在img標簽中應用CSS樣式，我們可以讓圖片變成黑白色調。CSS中的filter屬性用于改變元素的視覺效果，grayscale(100%)可以使圖片的飽和度變為0，即變成黑白色。

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

除了變成黑白色調，我們還可以通過CSS讓圖片變成不同的顏色。使用filter中的hue-rotate屬性，可以指定一個角度值，讓圖片的顏色在色輪上旋轉。上述代碼可以將圖片旋轉到180度的位置，即變成相反的顏色。

img{
filter: sepia(100%);
}

如果想讓圖片有復古的感覺，可以使用sepia屬性。sepia指的是一種暗褐色調，可以讓圖片看起來像是老照片一樣。通過將sepia值設為100%，我們可以將圖片完全轉換成該色調。

通過CSS的filter屬性，我們可以方便地為圖片添加一些特效，讓其更好地融入到我們的網頁設計中。同時，我們也可以自定義不同的屬性值，實現不同的效果。