Générateur de filtres CSS avec aperçu en direct
Générez la propriété CSS filter (flou, luminosité, contraste, sépia, teinte…) avec aperçu en direct.
🔒 100 % côté client — aucune donnée envoyée
Composez la propriété CSS filter avec des curseurs — flou, luminosité, contraste, saturation, niveaux de gris, sépia, inversion, rotation de teinte et opacité — et voyez le résultat en direct sur un aperçu. Copiez ensuite le code CSS prêt à l'emploi. Tout se passe dans le navigateur.
À quoi ça sert ?
- ▸ Assombrir ou éclaircir une image en CSS
- ▸ Créer un effet sépia ou noir et blanc au survol
- ▸ Trouver la bonne rotation de teinte
- ▸ Régler flou et contraste sans éditeur d'image
FAQ
Sur quoi puis-je appliquer ce filtre ?
La propriété filter s'applique à n'importe quel élément HTML (image, div, texte…) et à ses descendants.
Quelle différence entre filter et backdrop-filter ?
filter affecte l'élément lui-même ; backdrop-filter affecte ce qui se trouve derrière lui (effet verre dépoli).
Est-ce compatible avec tous les navigateurs ?
Oui, la propriété filter est prise en charge par tous les navigateurs modernes.
Puis-je combiner plusieurs filtres ?
Oui, ils se cumulent dans l'ordre ; l'outil ne liste que ceux dont la valeur diffère du défaut.