Как правильно на css сделать фильтр?

Question

[gsdev99]

Всем привет. Ребята, подскажите, пожалуйста, как на css сделать следующую задачу. У меня есть исходное изображение: init.png

И есть, например цвет: #2e305f. Мне необходимо наложить этот цвет на исходное изображение и получить следующий результат: filter.png

Comments

[Арсений Матыцин]

Я не понял, а CSS при чем тут к выводу конечного файла?

[Олег]

Как вариант

Answer 1

[Ragtime Kitty]

Фильтр тут не нужен, просто наложите поверх картинки блок с бэкграундом выбранного цвета, и регулируйте его прозрачность.

Answer 2

[Арсений Матыцин]

Фильтры CSS немного не про это. Тут, если мы говорим все же про верстку и CSS, то можно сделать наложение поверху с цветом, включающим в себя альфа-канал. Перед этим можно поиграться в ФШ, чтобы получить данные для цвета и его прозрачности.

Наложение это буквально 2 слоя, с разным z-index, где сверху либо тег, либо псевдоэлемент с цветом.