CSS懸停圖片變深色是Web開發中常見的效果之一，它可以吸引用戶的視線，增加網站的美觀度和交互性。下面介紹實現CSS懸停圖片變深色的方法。

/*CSS代碼*/
img:hover{
filter: brightness(70%);
}

在上面的CSS代碼中，我們使用了:hover偽類和filter屬性實現了鼠標懸停時圖片變深色的效果。

其中，:hover偽類表示鼠標懸停在圖片上時生效，filter屬性用來設置圖片的亮度、對比度、飽和度等圖像樣式。

在這里，我們使用了brightness()函數，該函數用來設置圖片的亮度，取值范圍為0到100%。當我們將brightness的值設置為70%時，圖片的亮度就會減少70%，從而呈現出一種較深的色彩。

除了brightness()函數外，還有其他filter函數可以用于設置圖片的效果，如對比度、飽和度、模糊度等。可以根據實際需求進行選擇。

需要注意的是，若圖片本身為深色調，那么對其進行brightness濾鏡處理后可能會過于黑暗，影響用戶的觀感。因此，在實現CSS懸停圖片變深色時，需根據圖片的原始色彩進行調整，確保效果達到最佳。