css 修改图片颜色

可以通过 CSS 的 filter 属性来修改图片的颜色。其中，使用 filter: hue-rotate(deg) 可以改变图片的色相，使用 filter: grayscale(%) 可以将图片转为灰度图像，使用 filter: sepia(%) 可以将图片转为棕色调。以下是示例代码：

<img src="example.jpg" alt="Example Image" class="colorful-image">

.colorful-image {
  /* 将图片色相旋转90度 */
  filter: hue-rotate(90deg);
}

.gray-image {
  /* 将图片转为灰度图像 */
  filter: grayscale(100%);
}

.sepia-image {
  /* 将图片转为棕色调 */
  filter: sepia(100%);
}

需要注意的是，filter 属性可能会影响图片的显示效果和性能，需要根据实际情况进行选择使用。

相关问题

html 图片怎么改颜色代码,两行 CSS 代码实现图片任意颜色赋色技术

要改变图片的颜色，可以使用 CSS 的 filter 属性中的 hue-rotate() 函数来实现。以下是两行 CSS 代码实现图片任意颜色赋色技术的示例：

img {
  filter: hue-rotate(90deg);
}

上述代码将图片的颜色顺时针旋转90度，可以根据需要更改旋转角度来实现不同的颜色效果。另外，也可以使用 CSS 的 background-color 属性来为图片添加背景色，如下所示：

img {
  background-color: red;
}

上述代码将图片的背景色设置为红色，可以根据需要更改颜色值来实现不同的颜色效果。