CSS是前端開發中一個重要的技術，可以通過它改變元素的樣式、位置和布局。在其中，改變圖片的顏色也是一個重要的應用方向。下面我們來討論一下如何使用CSS改變圖片的顏色。

/* 以一個圖片為例 */
/* HTML代碼 */
<img src="example.jpg" alt="茄子">
/* CSS代碼 */
img {
filter: hue-rotate(120deg); /* 旋轉色相 */
}

上述CSS代碼中，我們使用了CSS3新增的filter屬性來改變圖片的顏色。其中，hue-rotate函數可以改變元素的色相，參數為旋轉的角度。這里我們將角度設置為120deg，達到了將原本的顏色變為紫色的效果。

除了通過濾鏡來改變圖片的顏色，我們還可以使用mask技術來實現。例如：

/* HTML代碼 */
<img src="example.jpg" alt="茄子">
/* CSS代碼 */
img {
mask-image: url(mask.png); /* 使用外部圖片實現遮罩效果 */
-webkit-mask-image: url(mask.png);  /* 兼容webkit內核的瀏覽器 */
}

上述CSS代碼中，我們使用了mask-image屬性來設置遮罩的圖片。這里需要注意，mask-image屬性需要配合一個對應的遮罩圖片來實現效果，這個圖片可以使用PS等工具制作。這種方法相對來說會比使用濾鏡實現更加自由，可實現的效果更為多樣。

總的來說，使用CSS改變圖片顏色是一項比較常用的技術，可以實現很多有趣的效果。在實際開發中，我們可根據需要使用不同的方法來實現相應的效果，提升用戶的視覺體驗。