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

Настройте фильтр ползунками и скопируйте CSS.

Изображение и фильтр

Предпросмотр CSS-фильтра


Как это работает

Три шага до результата

Настройте CSS filter и скопируйте готовую строку.

  1. 1
    Загрузите изображение

    Фильтр применяется в предпросмотре сразу.

  2. 2
    Настройте ползунки

    Размытие, яркость, контраст, насыщенность и другие.

  3. 3
    Скопируйте CSS или скачайте PNG

    Строка готова для сайта или приложения.

Приватность по умолчанию. Данные обрабатываются в браузере и не отправляются на сервер.