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