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

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

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

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


Credit goes to MultiplyByZer0.

Сообщить об опечатке

Текст, который будет отправлен нашим редакторам: