CSS圖片變顏色是一種簡單又實用的技術，它可以讓你不用改變原圖的情況下，改變圖片的顏色。下面是一段示例代碼：

img{
filter: hue-rotate(90deg);
-webkit-filter: hue-rotate(90deg);
-moz-filter: hue-rotate(90deg);
-o-filter: hue-rotate(90deg);
-ms-filter: hue-rotate(90deg);
}

這段CSS代碼中，我們使用了CSS3的濾鏡功能，其中hue-rotate(90deg)表示將圖片的色調旋轉90度。需要注意的是，不同的瀏覽器廠商可能會對濾鏡功能支持的程度不同，所以我們需要加上對應的瀏覽器前綴。

我們可以通過調整hue-rotate()函數中的參數值來實現不同的顏色變換效果。例如，將參數值改為180deg則可以將圖片倒置，而將參數值改為360deg則會將圖片恢復到原來的顏色。此外，我們還可以結合其他濾鏡功能，例如brightness()、contrast()、drop-shadow()等來進一步改變圖片的外觀。

總之，CSS圖片變顏色是一項非常實用而又易于學習的技術。如果你有需要改變圖片顏色的需求，可以嘗試使用這種方法來解決。