在網站開發中，圖片顏色修改是非常常見的需求。而 CSS 可以很方便地實現這個功能。

首先，我們需要給圖片添加一個 class 或 id，以便可以在 CSS 中使用：

<img src="example.png" class="my-image">

接下來，使用 CSS 的 filter 屬性進行修改。可以使用以下幾種方式：

1. 修改亮度

.my-image {
filter: brightness(0.8);
}

其中，0.8 表示亮度的百分比。0 表示完全黑暗，1 表示原始亮度，大于 1 表示更亮。

2. 修改對比度

.my-image {
filter: contrast(0.8);
}

和亮度類似，0.8 表示對比度的百分比。0 表示完全灰色，1 表示原始對比度，大于 1 表示更強的對比度。

3. 修改飽和度

.my-image {
filter: saturate(0.5);
}

0.5 表示飽和度的百分比。0 表示完全灰色，1 表示原始飽和度，大于 1 表示更鮮艷的顏色。

4. 修改色相

.my-image {
filter: hue-rotate(90deg);
}

其中，90deg 表示色相的角度。0deg 表示原始顏色，正數表示順時針旋轉，負數表示逆時針旋轉。

5. 修改透明度

.my-image {
filter: opacity(0.5);
}

0.5 表示透明度的百分比。0 表示完全透明，1 表示完全不透明。

6. 組合使用

.my-image {
filter: brightness(0.8) contrast(0.8) saturate(0.5) hue-rotate(90deg) opacity(0.5);
}

可以將以上任意一個或多個進行組合使用，實現更復雜的效果。

通過 CSS 的 filter 屬性，我們可以輕松地修改圖片的顏色，達到更理想的展示效果。