Как изменить цвет картинки в CSS

Для изменения цвета картинки в CSS можно использовать свойство filter.

Например, чтобы изменить цвет картинки на синий, можно использовать следующий код:

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

В этом примере мы используем функцию hue-rotate, которая поворачивает цветовой круг на указанный угол. Значение 180deg соответствует повороту на половину круга, что превращает все цвета в их противоположные. Таким образом, красный станет синим, зеленый — фиолетовым и т.д.

Также можно использовать другие функции фильтра, например, invert, чтобы инвертировать цвета:

img {
  filter: invert(100%);
}

В этом примере мы используем функцию invert, которая инвертирует все цвета на картинке. Значение 100% означает полную инверсию.