UTILS.
100% в браузере

Генератор CSS-фильтров

Создавайте CSS-фильтры ползунками с живым превью, затем копируйте.

Об этом инструменте

Комбинируйте фильтры blur, brightness, contrast, grayscale, sepia, saturate и hue-rotate на живом превью, затем скопируйте объединённое правило filter. Всё работает в вашем браузере.

Часто задаваемые вопросы

Можно ли применить этот фильтр к изображению?
Да — скопируйте правило на любой элемент, например img, и перечисленные функции фильтра применятся в указанном порядке.
Почему важен порядок функций фильтра?
Фильтры применяются слева направо, поэтому размытие до настройки яркости даёт результат, отличный от обратного порядка; оставьте тот порядок, который выглядит лучше.

Больше инструментов