CSS-Filter-Generator mit Live-Vorschau
Erzeuge die CSS-filter-Eigenschaft (Blur, Helligkeit, Kontrast, Sepia, Farbton) mit Live-Vorschau.
🔒 100 % clientseitig — keine Daten gesendet
Stellen Sie die CSS-filter-Eigenschaft mit Reglern zusammen — Weichzeichnen, Helligkeit, Kontrast, Sättigung, Graustufen, Sepia, Invertieren, Farbtonrotation und Deckkraft — und sehen Sie das Ergebnis live in einer Vorschau. Kopieren Sie dann das fertige CSS. Alles läuft im Browser.
What is it for?
- ▸ Ein Bild per CSS abdunkeln oder aufhellen
- ▸ Einen Sepia- oder Schwarz-Weiß-Hover-Effekt erstellen
- ▸ Die richtige Farbtonrotation finden
- ▸ Unschärfe und Kontrast ohne Bildbearbeitung einstellen
FAQ
Worauf kann ich diesen Filter anwenden?
Die filter-Eigenschaft gilt für jedes HTML-Element (Bild, div, Text…) und dessen Nachkommen.
Was ist der Unterschied zwischen filter und backdrop-filter?
filter betrifft das Element selbst; backdrop-filter betrifft das, was dahinter liegt (Milchglaseffekt).
Wird es von allen Browsern unterstützt?
Ja, die filter-Eigenschaft wird von allen modernen Browsern unterstützt.
Kann ich mehrere Filter kombinieren?
Ja, sie werden der Reihe nach kombiniert; das Tool listet nur die auf, deren Wert vom Standard abweicht.