在網頁設計中，圖片與色彩的搭配是至關重要的。而在CSS中，我們可以通過一些簡單的設置來改變圖片的色調，提升網頁的美觀度。

img {
filter: grayscale(100%);
}

以上代碼是將圖片的色彩轉換為黑白灰度圖。我們可以通過改變括號內的數值來改變圖片的灰度值，達到不同的效果。

img {
filter: sepia(100%);
}

以上代碼是將圖片的色彩轉換為懷舊色調。和上面的示例一樣，我們可以改變括號內的數值來達到不同的效果。

img {
filter: saturate(200%);
}

以上代碼是增加圖片的飽和度，讓顏色更加鮮艷明亮。這里的括號內的數值可以根據需要進行調整。

除了這些效果之外，CSS還提供了許多其它的濾鏡效果，例如“反轉顏色”、“模糊”、“邊緣檢測”等等。我們可以根據不同的需求進行選擇使用，提升網頁視覺效果。

不過需要注意的是，CSS的濾鏡效果只對現代瀏覽器有效，如果用戶使用的是老舊的瀏覽器，可能無法呈現出我們設置的效果。因此，在設計網頁時需要考慮到用戶的瀏覽器環境。