CSS中的PNG圖片變色，是指將PNG圖片中的某些部分或全部顏色改變。PNG圖片是一種支持透明和半透明像素的圖像格式，它廣泛應用于Web設計和開發中。在設計和開發中，我們經常需要調整PNG圖片的顏色，以滿足特定的需求。

img {
filter: hue-rotate(90deg); /* 改變圖片色相為90度 */
}
/* 或者 */
img {
filter: invert(100%); /* 使圖片顏色反轉 */
}

以上是CSS中兩個常用的改變PNG圖片顏色的方法，下面我們分別進行講解。

1. 改變圖片色相

改變PNG圖片的色相，可以使用CSS中的hue-rotate()函數。該函數可以將圖片的顏色按照一定的角度旋轉，從而改變圖片的顏色。

img {
filter: hue-rotate(90deg); /* 改變圖片色相為90度 */
}

上述代碼將圖片的色相旋轉90度，可以通過改變括號中的角度值來調整圖片的顏色。

2. 反轉圖片顏色

還可以通過CSS中的invert()函數來反轉PNG圖片的顏色，該函數可以使圖片的黑色變為白色，白色變為黑色，其他顏色也會按照相反的順序發生變化。

img {
filter: invert(100%); /* 使圖片顏色反轉 */
}

上述代碼將圖片的顏色反轉了100%，可以通過改變括號中的百分比值來調整反轉的效果。

以上是兩個常用的改變PNG圖片顏色的方式，只需在需要修改顏色的地方添加相應的CSS代碼即可。在實際應用中，我們還可以通過各種屬性和函數來實現更多的PNG圖片顏色操作，需要根據實際情況進行選擇。