Генератор цветовых CSS фильтров из заданного цвета

by divola
Данный генератор позволяет получить набор фильтров для изменения цвета черных иконок на любой другой. Пригодится, например, для создания hover-эффектов или перекраски черного логотипа в белый, без необходимости загрузки дополнительного изображения.
Для корректной работы фильтров, исходные элементы должны быть черного цвета, либо предварительно их нужно перевести в черный цвет добавив следующие свойства перед сгенерированными: brightness(0) saturate(100%)
Цвет в hex-формате:
Исходный цвет
Цвет фильтра
Генератор цветовых CSS фильтров из заданного цветаГенератор цветовых CSS фильтров из заданного цветаГенератор цветовых CSS фильтров из заданного цветаГенератор цветовых CSS фильтров из заданного цвета

Демонстрация проблемы наложения фильтра на разноцветную иконку:
(нажмите “Пуск”, чтобы увидеть результат)

Генератор цветовых CSS фильтров из заданного цвета


Credit goes to MultiplyByZer0.