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

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

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

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

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

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

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

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