CSS濾鏡可以幫助我們改善圖片的色彩和亮度，讓圖片更加美觀。下面我們來看一下如何使用CSS濾鏡調色。

/* 調整圖像亮度 */
img {
filter: brightness(150%);
}
/* 調整圖像對比度 */
img {
filter: contrast(200%);
}
/* 調整圖像飽和度 */
img {
filter: saturate(200%);
}
/* 調整圖像色相 */
img {
filter: hue-rotate(90deg);
}

以上代碼中，brightness用來調整圖像亮度，值范圍是0-200%，其中100%是原圖的亮度。contrast用來調整圖像對比度，值的范圍是0-200%，其中100%是原圖的對比度。saturate用來調整圖像飽和度，值的范圍是0-200%，其中100%是原圖的飽和度。hue-rotate用來調整圖像色相，值的單位是deg，取值范圍是0-360度。

需要注意的是，濾鏡操作是建立在支持CSS3的瀏覽器上的，因此在使用濾鏡前需要確認瀏覽器是否支持。

通過使用CSS濾鏡調色，我們可以輕松地改善圖片的色彩和亮度，讓圖片更加美觀，同時使得網站效果更加出色。