UTILS.
100% w przeglądarce

Generator filtrów CSS

Komponuj filtry CSS za pomocą suwaków z podglądem na żywo i kopiuj.

O tym narzędziu

Nakładaj filtry rozmycia, jasności, kontrastu, skali szarości, sepii, nasycenia i obrotu barwy na podglądzie na żywo, a następnie skopiuj połączoną regułę filter. Wszystko działa w Twojej przeglądarce.

Najczęściej zadawane pytania

Czy mogę zastosować ten filtr do obrazu?
Tak — skopiuj regułę na dowolny element, np. img, a wymienione funkcje filtra zostaną zastosowane w pokazanej kolejności.
Dlaczego kolejność funkcji filtra jest ważna?
Filtry są stosowane od lewej do prawej, więc rozmycie przed regulacją jasności daje inny efekt niż w odwrotnej kolejności; zachowaj kolejność, która wygląda najlepiej.

Więcej narzędzi