/* 例如色彩代码如下 */
img {
filter: grayscale(100%);
opacity: 0.8;
mix-blend-mode: multiply;
}CSS提供了许多不同的方法来处理图片的色彩，下面大家来详细了解一下。
灰度化
将图片转化为灰度图可以使其具有更强的视觉冲击力。使用CSS可以很方便地实现灰度化，只需要给图片添加filter属性并设置grayscale参数为100%。
img {
filter: grayscale(100%);
}透明度
透明度可以为图片增加复杂的设计效果，也可以增加用户在网页上的焦点。在CSS中，可以使用opacity属性对图片透明度进行调节，取值范围为0到1，0表示完全透明，1表示完全不透明。
img {
opacity: 0.8;
}混合模式
混合模式可以将两个不同的图像制成一个新的，革新的图像。在CSS中，可以通过mix-blend-mode属性来实现混合模式操作。此属性有许多取值，例如multiply（叠加模式）、screen（色彩滤镜）、overlay（叠加颜色）等等。
img {
mix-blend-mode: multiply;
}总而言之，CSS为图片色彩的设计提供了许多优化方案，通过细致的调节，可以让图片更加优美和视觉冲击力。