CSS圖彩色變黑白的實現其實非常簡單，只需要用到CSS3的filter屬性即可。下面是一個CSS代碼示例：

img {
filter: grayscale(100%);
}

以上代碼中，grayscale()函數用于將圖像灰度，其取值范圍在0（原圖像）和100%（完全灰度）之間。

如果你想在鼠標懸停時恢復彩色，可使用以下代碼：

img:hover {
filter: none;
}

以上代碼中，none用于取消應用的濾鏡效果，即恢復原彩色。

值得注意的是，grayscale()屬性并不支持所有瀏覽器，部分低版本瀏覽器可能無法實現該效果，因此在使用時需謹慎考慮。