CSS是一種用于網頁設計的語言，可以控制網頁的外觀和樣式。其中一種廣泛使用的技術是使用CSS來改變圖片的顏色。

想象一下，你可能有一張圖片，但是你希望它的顏色與網頁的其他內容相匹配。這時，你可以使用CSS來改變它的顏色。

.image {
filter: grayscale(100%) brightness(50%);
}

上面的代碼為一個名為“image”的類添加了一個CSS過濾器效果。這個過濾器使用grayscale（灰度）和brightness（亮度）屬性來將圖片變成更暗的灰色，并使其更符合網頁的整體顏色和主題。

除了灰度和亮度之外，CSS還有許多其他的屬性可以用于修改圖片的顏色。這些屬性包括hue-rotate、saturate、invert、contrast和sepia等等。

.image {
filter: hue-rotate(180deg) saturate(200%) invert(100%) contrast(50%) sepia(50%);
}

上面的代碼將圖片旋轉180度，飽和度增加200%，顏色反轉（即黑白反轉），對比度降低50%并添加50%的棕色調色。這些效果不僅可以將圖片與網頁主題相匹配，還可以提高網站的可讀性和可視性。

總之，使用CSS可以輕松地改變圖片的顏色和外觀。這使得網頁設計師可以更好地控制網頁的整體風格和視覺效果，帶來更好的用戶體驗。