CSS 是一種很好的實現圖片變色的方式，它允許我們輕松地改變圖片的顏色而不必修改圖片本身。下面我們將介紹一些常用的 CSS 技術來實現圖片變色。

img {
filter: grayscale(100%);
}

這段代碼將圖像變成了灰色。使用 filter 屬性進行色彩轉換，grayscale 將圖像轉換為灰色。可以設置百分比來改變圖像的亮度。

img {
filter: invert(100%);
}

這段代碼將圖像反相，它將每個像素的顏色值取反。使用 invert 屬性實現圖片反轉。

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

這段代碼將色相旋轉了 180 度，使圖像的顏色轉換為相反的顏色。使用 hue-rotate 屬性進行色彩旋轉。

img {
filter: sepia(100%);
}

這段代碼將圖像轉換為俄羅斯藝術風格的褐色色調。使用 sepia 屬性實現此效果。

結論：

CSS 是一種很好的實現圖片變色的方法。我們可以使用多種 CSS 屬性來改變圖像的顏色，如 filter 屬性、invert 屬性、hue-rotate 屬性和 sepia 屬性等。要注意，這些屬性只會影響圖像的顏色，而不會影響圖像本身。