CSS是Web開發中不可或缺的一部分，其功能之一是控制網頁的視覺效果。其中，控制背景圖顏色是一項常見且重要的任務。下面，我們來介紹如何使用CSS控制背景圖顏色。

首先，我們需要先了解在CSS中如何使用背景圖。通常情況下，我們可以使用background-image屬性來設置背景圖的路徑，如下：

.my-element {
background-image: url('path/to/my-image.png');
}

以上代碼中，.my-element為需要設置背景圖的HTML元素的類名，其中url()內為圖片的路徑。

現在，我們需要使用CSS控制圖片的顏色。通常情況下，我們可以使用CSS的濾鏡（Filter）屬性來實現此功能。針對背景圖，我們可以使用backdrop-filter屬性。該屬性可以為元素的背景添加一個模糊效果，并允許控制顏色，代碼如下：

.my-element {
background-image: url('path/to/my-image.png');
backdrop-filter: brightness(0.5) hue-rotate(90deg);
}

以上代碼中，我們同時使用了brightness和hue-rotate兩個濾鏡屬性。其中將圖片的亮度調整為原色的50%，而hue-rotate(90deg)則將圖片的色相旋轉了90度。

除了使用濾鏡屬性，還可以使用CSS的混合模式（Blend Mode）來調整背景圖顏色。和濾鏡不同的是，混合模式會使用圖片的像素來融合圖層中原本的顏色。例如，我們可以使用background-blend-mode屬性將圖片與底色進行混合，代碼如下：

.my-element {
background-image: url('path/to/my-image.png');
background-color: #ffffff;
background-blend-mode: multiply;
}

以上代碼中，我們使用了multiply混合模式，這會將圖片與白色底色進行乘法混合，從而使圖片顏色加深，與原始顏色形成反差。

總之，在使用CSS控制背景圖顏色時，我們可以使用濾鏡或混合模式等屬性，以達到所需的視覺效果。