在HTML5中，我們可以通過CSS來設置圖片的顏色。例如，我們可以使用filter屬性來給圖片添加顏色效果。 使用CSS filter屬性添加圖片顏色效果的示例代碼如下：

img {
filter: hue-rotate(180deg);
}

上述代碼會將圖片的顏色旋轉180度，呈現出不同的色調效果。 除了使用filter屬性，我們還可以通過CSS blend mode屬性來實現對圖片的顏色處理。下面是一個例子，其中我們使用multiply混合模式將紅色和藍色的漸變背景和圖片相結合。

.bg {
background: linear-gradient(to right, red, blue);
}
img {
mix-blend-mode: multiply;
}

最后，如果我們想要給圖片添加固定的顏色效果，我們可以將圖片轉換為SVG格式，然后使用CSS fill屬性來設置填充顏色。

img {
filter: url(filters.svg#grayscale); /* 將圖片轉換為SVG格式 */
fill: #ff0000; /* 設置填充顏色 */
}

通過上述代碼，我們可以給圖片添加類似黑白、灰色等效果，也可以改變圖片顏色。需要注意的是，SVG圖片需要先轉換為path格式，然后再使用CSS fill屬性添加填充顏色。