Как поменять цвет картинки в CSS

Чтобы поменять цвет картинки в CSS, можно использовать свойство filter и функцию hue-rotate(). С помощью этого свойства можно изменять цвет оттенков изображения на основе цветового круга.

Пример:

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

В этом примере мы применяем свойство filter к элементу img и задаем функцию hue-rotate(), которая изменит цвет картинки на 180 градусов. Результатом будет изображение с инвертированными цветами.

Можно изменять цвет изображения на любое значение в градусах. Например:

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

В этом примере мы изменяем цвет картинки на 90 градусов, что приведет к изменению ее цветового оттенка на зеленый.