[分享]css中怎么写图片的颜色

CSS中如何改变图片的颜色？

img {
  filter: grayscale(100%);
  /* 产生灰度效果，0% 为原色，100% 为完全灰色 */
  filter: sepia(100%);
  /* 产生褐色（怀旧）效果，0% 为原色，100% 为完全褐色 */
  filter: saturate(200%);
  /* 增加饱和度，0% 为灰色，100% 为原色，200% 为过饱和 */
  filter: hue-rotate(90deg);
  /* 旋转色相，90deg 为旋转90度 */
  filter: invert(100%);
  /* 负片效果，0% 为原色，100% 为完全反色 */
  filter: opacity(50%);
  /* 产生透明效果，0% 为完全透明，100% 为完全不透明 */
  filter: blur(5px);
  /* 模糊效果，5px 为模糊程度 */
  mix-blend-mode: multiply;
  /* 产生颜色混合效果，multiply 为乘法混合模式 */
} 

以上是常见的几种改变图片颜色的方法，可以根据需要选择不同的方式进行调整，达到更好的美观效果。