CSS濾鏡是CSS3新增的一個強大的樣式屬性，可以實現許多有趣的效果，比如用濾鏡將一張黑白圖片變成彩色圖片。下面我們來學習如何使用CSS濾鏡將一張圖片變成彩色。

/* CSS代碼 */
img {
filter: grayscale(100%) brightness(150%) saturate(150%);
}

上面的代碼采用了三種濾鏡效果：grayscale、brightness和saturate。它們的作用分別是：

• grayscale：將圖片變成黑白色
• brightness：調整圖片的亮度
• saturate：調整圖片的飽和度

我們將這三種濾鏡效果結合起來，就可以得到一張彩色圖片了。其中grayscale(100%)將圖片變成了黑白色，brightness(150%)將圖片的亮度提高了50%，saturate(150%)將圖片的飽和度也提高了50%。通過不同的參數組合，我們可以得到不同的效果。

需要注意的是，CSS濾鏡目前并不是所有瀏覽器都支持，為了獲得更好的兼容性，我們可以使用一些兼容性策略，比如使用-webkit-filter，-moz-filter等瀏覽器私有前綴。

好了，現在讓我們來看看這個效果實現的最終效果吧：

<img src="image.jpg">

以上就是使用CSS濾鏡將一張圖片變成彩色的方法。希望大家能夠學以致用，創造出更多更有趣的效果。