在网页编程中，有多种方法可以给图片变色。以下是几种常用的方法：
使用CSS的`filter`属性
`hue-rotate（angle）`：旋转图片的色相。例如，`hue-rotate（90deg）`将图片的颜色旋转90度。
`saturate（percentage）`：增加或减少图像的饱和度。例如，`saturate（50%）`将使图像变为灰色。
`invert（percentage）`：反转图像的颜色。例如，`invert（100%）`将图像完全反转。
`grayscale（percentage）`：将图像转换为灰度。例如，`grayscale（100%）`将使图像完全变为灰度。
`sepia（percentage）`：将图像转换为棕褐色。例如，`sepia（100%）`将使图像完全变为棕褐色。
`contrast（percentage）`：调整图像的对比度。例如，`contrast（100%）`将图像对比度调整为原始值。
使用`background-blend-mode`属性
`lighten`：通过混合背景颜色和元素颜色来变亮元素。适用于背景为白色，主色为黑色的情况。
其他混合模式如`multiply`、`screen`、`overlay`等也可以用于改变图片的颜色效果。
示例代码
```html