在CSS樣式表中，我們可以使用HSL（色相、飽和度、亮度）或者RGB（紅、綠、藍）來定義顏色。其中，飽和度表示顏色的純度，影響著顏色的鮮艷程度。下面我們來了解如何控制CSS中的飽和度。

顏色值 {
/* 設置飽和度為0 */
color: hsl(120, 0%, 50%);
}
顏色值 {
/* 在原有飽和度基礎上加深 */
filter: saturate(150%);
}
顏色值 {
/* 在原有飽和度基礎上減淡 */
filter: saturate(50%);
}
顏色值 {
/* 全部取消飽和度 */
filter: grayscale(100%);
}

我們可以通過設置HSL顏色值中的飽和度為0%來去除顏色的飽和度，使其變成灰色或黑白色。或者通過CSS中的濾鏡saturate（飽和度）來增加或者減少顏色的飽和度，可以增加或減少顏色的鮮艷程度。最后，如果想要將一張彩色圖片變成黑白圖片，我們可以使用CSS中的濾鏡grayscale（灰度）來實現。