UTILS.
Приватность по умолчанию
☼

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

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

Ваши файлы остаются на этом устройстве

Файлы обрабатываются в браузере и не отправляются на сервер. Сайт загружает код и ресурсы для работы инструментов. Без аккаунтов и трекеров.

Нажмите «Скачать», чтобы сохранить инструмент одним HTML-файлом для работы офлайн.

Конфиденциальность →

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

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

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

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

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