Generator filtrów CSS

Jak używać: Generator filtrów CSS

Generator filtrów CSS. Dostosuj filtry i porównaj podgląd z wygenerowanym CSS.

1. Zmień kolory, tekst lub liczby powyżej.
2. Porównuj podgląd podczas zmiany ustawień.
3. Skopiuj wynik lub pobierz go na urządzenie.

Generator filtrów CSS · Przykład

{
  "brightness": 100,
  "contrast": 100,
  "saturate": 100,
  "hue": 0,
  "grayscale": 0,
  "sepia": 0,
  "invert": 0,
  "blur": 0
}

filter: brightness(100%) contrast(100%) saturate(100%) hue-rotate(0deg) grayscale(0%) sepia(0%) invert(0%) blur(0px);

Uwagi dotyczące użycia

Pliki i dane są przetwarzane w tej przeglądarce. Bez przesyłania i konta.