Как сделать изображения PNG все одного цвета и тона?

Question

[ValeraValera]

Есть набор логотипов в PNG , логотипы все цветные , нужно сделать все в одном цвете и одного тона, как на картинке.
Каким способом это сделать ?
Изображения вставлены в сайт уже такие, какие есть. Никаких фильтров на CSS нет.

Answer 1

[dom1n1k]

Эффект Color Overlay в ФШ

Comments

[ValeraValera]

Спасибо!

Answer 2

[Nwton]

На чистом css. Все 3 изображения имеют один исходник.
https://jsfiddle.net/f3hc6wwg/4/

Comments

[ValeraValera]

они разной тональности получаются , а не одного цвета

[Nwton]

Валерий Виткус: в смысле? Приведите пример. Попробуйте с opacity для каждой картинки поиграть

Answer 3

[Анна]

Вырезать каждый png логотип с фона (если фон есть) и добавить обтравочную маску с нужным цветом сверху.

Answer 4

[sergski]

Скорее всего они у вас спрайтом.
1. Откройте Photoshop
2. Images -> Mode -> Greyscale
3. Images -> Ajustments -> Levels

Answer 5

[Pretor DH]

JSfiddle

.contrast {
  -webkit-filter: grayscale(100%) brightness(60%) contrast(2000%) opacity(50%);
  filter: grayscale(100%) brightness(60%) contrast(2000%) opacity(50%);
}

Теряется сглаживание, но по другому не меняя картинки никак.