HTML中的图片颜色设置非常灵活，可以通过改变图片的透明度、色调、饱和度等属性来实现不同的效果，让图片更加丰富多彩。下面介绍几种常用的图片颜色设置方法，更加方便您的制作。 首先来看改变图片透明度的代码：

img{
    opacity:0.8; /* 设置透明度为80% */
}

这个代码片段中，将透明度设置为0.8，即图片显示的不透明程度是80%。您可以根据需要将透明度设置为0~1之间的任意值。 接着来看如何改变图片的色调：

img{
    filter: grayscale(50%); /* 将图片灰化50% */
}

这个代码片段中，将图片的色调改为灰色，并将亮度降低了50%。除了使用grayscale函数外，也可以使用其他的CSS filter函数来修改图片色调，包括hue-rotate( degree )、sepia()、invert()、brightness( value )等等。 最后是调整图片饱和度的代码：

img{
    filter: saturate(200%); /* 图片饱和度变为200% */
}

这个代码片段中，使用了saturate函数将图片的饱和度增加了200%。这个函数可以接受参数，用于指定饱和度需要增加多少，您可以根据需要设置适当的参数。 通过上述设置，您可以轻松地改变图片的颜色，让图片更加个性化、富有生动感。不过需要注意的是，有些新的浏览器不支持CSS filter属性，需要进行兼容处理。因此在使用时，需要对不同浏览器进行测试，保证能够正确地显示出效果。