HTML5可以使用CSS3 filter屬性修改圖片顏色，支持的顏色參數包括灰度(grayscale)、亮度(brightness)、對比度(contrast)、飽和度(saturate)、反轉(invert)、模糊(blur)等等。下面我們將分別講解如何使用這些參數來修改圖片顏色。 灰度(grayscale)：將圖片轉換為黑白色調，值越高圖片越暗淡。代碼如下：

img {
filter: grayscale(0.5); /*灰度值為0.5*/
}

亮度(brightness)：調整圖片的亮度，值越高圖片越亮。代碼如下：

img {
filter: brightness(1.5); /*亮度值為1.5*/
}

對比度(contrast)：調整圖片的對比度，值越高對比度越大。代碼如下：

img {
filter: contrast(2); /*對比度值為2*/
}

飽和度(saturate)：調整圖片的飽和度，值越高顏色越鮮艷。代碼如下：

img {
filter: saturate(2); /*飽和度值為2*/
}

反轉(invert)：將圖片反轉顏色，即黑變白，白變黑。代碼如下：

img {
filter: invert(1); /*反轉顏色*/
}

模糊(blur)：將圖片進行高斯模糊處理，值越高圖片越模糊。代碼如下：

img {
filter: blur(5px); /*模糊半徑為5px*/
}

總結：上述就是使用CSS3 filter屬性修改圖片顏色的常用參數，使用起來非常簡單，只需要在CSS樣式表中為圖片添加filter屬性，然后指定對應的參數即可。無疑這些參數為我們提供了更多關于圖像顏色的控制。