UTILS.
100 % im Browser

CSS Filter Generator

Stelle CSS-Filter mit Reglern und Live-Vorschau zusammen, dann kopiere.

Über dieses Tool

Kombiniere Filter für Weichzeichnen, Helligkeit, Kontrast, Graustufen, Sepia, Sättigung und Farbtonrotation in einer Live-Vorschau, dann kopiere die zusammengesetzte Filter-Regel. Alles läuft in deinem Browser.

Häufig gestellte Fragen

Kann ich diesen Filter auf ein Bild anwenden?
Ja — kopiere die Regel auf ein beliebiges Element wie ein img, und die aufgeführten Filterfunktionen werden in der angezeigten Reihenfolge angewendet.
Warum ist die Reihenfolge der Filterfunktionen wichtig?
Filter werden von links nach rechts angewendet, daher ergibt Weichzeichnen vor dem Anpassen der Helligkeit ein anderes Ergebnis als umgekehrt; behalte die Reihenfolge bei, die am besten aussieht.

Weitere Tools