CSS可以讓我們輕松實現圖片的灰色效果，但有些情況下我們需要將圖片恢復原本的彩色狀態。下面介紹幾種方法。

/* 將圖片變灰色 */
img {
filter: grayscale(100%);
}

方法一：移除CSS樣式

最簡單的方法是將添加的CSS樣式移除。刪除或注釋掉img標簽上的filter屬性即可：

/* 移除CSS樣式 */
img {
/* filter: grayscale(100%); */
}

方法二：添加新的CSS樣式

添加新的CSS樣式，將原先的灰度值設為0，這樣可以還原圖片原有顏色。

/* 恢復彩色圖片 */
img {
filter: grayscale(0%);
}

方法三：使用JavaScript從DOM中移除CSS樣式

使用JavaScript可以動態地為元素添加或刪除CSS樣式。可以使用以下代碼將CSS樣式從DOM中移除：

// 選中元素并獲取其樣式
const img = document.querySelector('img');
const style = window.getComputedStyle(img);
// 移除樣式
img.style.filter = style.getPropertyValue('filter');

通過以上方法，我們可以輕松地將灰色圖片恢復回原本的彩色狀態。