CSS濾鏡可以通過調整圖片的顏色、亮度、對比度等屬性，從而達到美化、調整圖片效果的目的。

CSS中提供了多種濾鏡屬性，下面我們重點介紹一下圖片顏色相關的濾鏡屬性：

.filter-grayscale {
filter: grayscale(100%);
}
.filter-sepia {
filter: sepia(100%);
}
.filter-saturate {
filter: saturate(150%);
}
.filter-hue-rotate {
filter: hue-rotate(90deg);
}
.filter-invert {
filter: invert(100%);
}
.filter-opacity {
filter: opacity(50%);
}

在上述代碼中，我們分別通過不同的屬性值來調整圖片的顏色：

• grayscale：將圖片轉換為黑白灰度圖
• sepia：將圖片轉換為褐色老照片效果
• saturate：將圖片飽和度提高
• hue-rotate：將圖片的色相旋轉
• invert：將整張圖片顏色取反
• opacity：將圖片透明度調整

通過這些濾鏡屬性，我們可以輕松地調整圖片顏色效果，從而實現更加精美的設計效果。