CSS背景色根據圖片變化是一種很有趣的技巧，它可以讓我們的網站看起來更加生動。這種技巧的實現方法非常簡單，我們只需要使用CSS3的新特性——background-blend-mode，加上一些簡單的代碼就可以實現。

background: url("example.jpg") no-repeat center center fixed;
background-size: cover;
background-color: #cccccc;
background-blend-mode: color-burn;

上述CSS代碼中，我們首先指定了要使用的背景圖片和背景顏色，然后使用background-blend-mode屬性將它們混合在一起。這里，我們選擇了color-burn作為混合模式，這個模式可以讓背景顏色根據背景圖片的亮度變化而改變。

當我們把這個CSS代碼應用到一個元素上時，這個元素的背景色就會根據背景圖片的亮度變化而改變。如果圖片的中心部分很明亮，那么背景色就會變得更深一些；如果圖片的邊緣部分比較暗淡，那么背景色就會變得更淺一些。這種變化讓我們的網站看起來更加生動有趣。