UTILS.
Приватність за замовчуванням
☼

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

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

Ваші файли залишаються на цьому пристрої

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

Натисніть «Завантажити», щоб зберегти інструмент одним HTML-файлом для роботи офлайн.

Конфіденційність →

Про цей інструмент

Накладайте фільтри blur, brightness, contrast, grayscale, sepia, saturate та hue-rotate на живий перегляд, після чого скопіюйте об'єднане правило filter. Усе працює у вашому браузері.

Поширені запитання

Чи можу я застосувати цей фільтр до зображення?
Так — скопіюйте правило на будь-який елемент, наприклад img, і перелічені функції фільтра застосуються в показаному порядку.
Чому порядок функцій фільтра важливий?
Фільтри застосовуються зліва направо, тож розмиття перед налаштуванням яскравості дає інший результат, ніж навпаки; залиште порядок, що виглядає найкраще.

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