UTILS.
100% in de browser

CSS-filtergenerator

Stel CSS-filters samen met schuifregelaars en een live voorbeeld, en kopieer.

Over deze tool

Stapel blur-, helderheids-, contrast-, grijswaarden-, sepia-, verzadigings- en hue-rotate-filters op een live voorbeeld, en kopieer dan de gecombineerde filterregel. Alles draait in je browser.

Veelgestelde vragen

Kan ik dit filter op een afbeelding toepassen?
Ja — kopieer de regel naar een willekeurig element zoals een img, en de genoemde filterfuncties worden toegepast in de getoonde volgorde.
Waarom is de volgorde van de filterfuncties belangrijk?
Filters worden van links naar rechts toegepast, dus blurren vóór het aanpassen van de helderheid geeft een ander resultaat dan andersom; houd de volgorde aan die er het best uitziet.

Meer tools