在CSS中，背景圖可以使用background-image屬性來設置，可以是圖片也可以是漸變色等。這些背景圖的顏色可能不一定與頁面上的其他元素顏色匹配，所以我們需要在CSS中改變其顏色。下面就為大家介紹一種方法：通過加深背景圖顏色來調整。

background-image: url("example.jpg");
background-color: rgba(0, 0, 0, 0.5);

在上面的代碼中，我們使用了background-image設置了背景圖，同時使用rgba函數設置了半透明黑色背景顏色，其中0.5為透明度。這樣就能夠讓背景圖顏色加深，使得整個頁面看起來更加協調。

另外，我們還可以使用CSS濾鏡來加深背景圖顏色。例如下面的代碼：

background-image: url("example.jpg");
-webkit-filter: brightness(70%);
filter: brightness(70%);

在上面的代碼中，我們使用了 -webkit-filter 和 filter 來給背景圖添加了亮度濾鏡。其中 brightness() 函數的參數可以在 0~100% 或者 0~1 之間調整，越大背景圖顏色加深的程度越明顯。

綜上所述，我們可以通過改變背景圖顏色來優化頁面效果，讓頁面看起來更加協調。同時，使用CSS濾鏡也是一種不錯的調整方法，可以根據需求選擇相對應的函數進行設置。