CSS是網頁設計中必不可少的一部分，它能夠讓我們輕松地實現各種各樣的效果。其中，改變圖片顏色是一個常見的需求。那么，讓我們來一起學習如何使用CSS讓圖片變暗吧！

filter: brightness(0.5);

上面這行代碼就是讓圖片變暗所必需的CSS屬性。其中，brightness()函數的參數表示圖片的亮度，取值范圍為0到1。當值為1時表示原圖的亮度，而當值為0時表示完全黑暗。因此，如果我們想讓圖片變暗，只需將參數設置為小于1的值即可。

接下來，我們來看一個實際的例子。假設我們有一張名為“pic.jpg”的圖片，我們想要讓它變暗。首先，我們需要在HTML中添加一行代碼來引入這張圖片：

<img src="pic.jpg" alt="這是一張圖片">

然后，在CSS中添加以下代碼：

img {
filter: brightness(0.5);
}

這段代碼使用了通用選擇器“img”，表示對所有的圖片元素生效。當然，你也可以為不同的圖片設置不同的顏色值，只需要在選擇器中使用不同的類名或ID。

最后，值得注意的是，雖然使用CSS可以輕松地改變圖片的顏色，但這種方法并沒有真正改變圖片的原始像素，而是在瀏覽器中對其進行了處理。因此，不要期望通過這種方法實現高質量的圖片處理效果，這只是一種簡單的解決方案。