在網(wǎng)頁設(shè)計過程中，有時候需要對圖片進(jìn)行色調(diào)的修改，這時CSS就可以派上用場了。CSS提供了filter屬性，可以讓我們輕松改變圖片的色調(diào)。

img {
filter: grayscale(100%);
}

上面的代碼將圖片變成了黑白色調(diào)的，這是因?yàn)間rayscale函數(shù)將所有顏色變成了灰色，參數(shù)值越大代表灰色越深。

另外，還有常用的函數(shù)sepia(100%)，將圖片變成老照片效果：

img {
filter: sepia(100%);
}

除此之外，我們也可以使用CSS變換的函數(shù)hue-rotate()來改變圖片的色相，如下所示：

img {
filter: hue-rotate(90deg);
}

上述代碼將圖片按照180度進(jìn)行了色相旋轉(zhuǎn)。除了hue-rotate()，CSS還提供了saturate()函數(shù)來調(diào)整圖片的飽和度。

最后，需要注意的是，CSS的filter屬性在一些老舊的瀏覽器中可能無法使用，因此需要做好兼容性工作。