UTILS.
Privés par défaut
☼

Générateur de filtres CSS

Composez des filtres CSS avec des curseurs et un aperçu en direct, puis copiez.

Vos fichiers restent sur cet appareil

Les fichiers sont traités dans votre navigateur, jamais envoyés. Le site télécharge le code et les ressources nécessaires aux outils. Sans compte ni traceurs.

Utilisez Télécharger pour enregistrer cet outil dans un fichier HTML utilisable hors ligne.

Confidentialité →

À propos de cet outil

Empilez les filtres blur, brightness, contrast, grayscale, sepia, saturate et hue-rotate sur un aperçu en direct, puis copiez la règle filter combinée. Tout s'exécute dans votre navigateur.

Foire aux questions

Puis-je appliquer ce filtre à une image ?
Oui — copiez la règle sur n'importe quel élément tel qu'une img, et les fonctions de filtre listées s'appliquent dans l'ordre indiqué.
Pourquoi l'ordre des fonctions de filtre est-il important ?
Les filtres sont appliqués de gauche à droite, donc appliquer un flou avant d'ajuster la luminosité donne un résultat différent de l'inverse ; conservez l'ordre qui rend le mieux.

Plus d'outils