Ajoutez votre entrée
Les valeurs de huit réglages de filtre.
Atelier de design
Générateur de filtres CSS
Prévisualisez un effet réutilisable et copiez une déclaration filter.
Confidentialité intégréeVotre travail reste avec vous
CSS
filter
filter
filter: brightness(100%) contrast(100%) saturate(100%) hue-rotate(0deg) blur(0px) sepia(0%) grayscale(0%) invert(0%);Votre travail reste privé dans le navigateur pendant l’utilisation de cet outil.
Que fait générateur de filtres css ?
Combinez huit fonctions de filtre CSS — luminosité, contraste, saturation, rotation de teinte, flou, sépia, niveaux de gris et inversion — dans un ordre stable.
- Entrée
- Les valeurs de huit réglages de filtre.
- Résultat
- Une déclaration CSS filter.
- Prix
- Gratuit
- Compte
- Non requis
Comment utiliser générateur de filtres css
Choisissez les réglages
Prévisualisez un effet réutilisable et copiez une déclaration filter.
Enregistrez ou copiez
Une déclaration CSS filter.
Conseil pratique
Les filtres peuvent réduire le contraste ; vérifiez toujours le rendu final.
Quand utiliser générateur de filtres css
Tester un rendu atténué, monochrome ou chaud pour une image décorative.
Modifier luminosité ou saturation dans un état hover sans éditer le fichier.
Copier une chaîne complète d’effets CSS réutilisables.
Exemple
Un exemple concret avec générateur de filtres css
- Entrée
- L’illustration fournie dans l’aperçu.
- Paramètres
- Luminosité 110 %, contraste 90 %, saturation 130 %, teinte 15° et flou 1px.
- Résultat
- filter: brightness(110%) contrast(90%) saturate(130%) hue-rotate(15deg) blur(1px) sepia(0%) grayscale(0%) invert(0%);
À quoi s’attendre
Fonctionnement
Chaque réglage devient une fonction CSS, y compris les valeurs neutres, et les fonctions sont toujours émises dans le même ordre. L’aperçu applique exactement cette chaîne.
Avant utilisation
Limites et cas particuliers
- L’ordre des fonctions influence le résultat, mais cette interface ne permet ni de les réordonner ni d’en omettre.
- L’aperçu utilise une illustration intégrée et ne mesure pas la perte d’accessibilité ou de détail.
Questions fréquentes
Questions sur Générateur de filtres CSS
générateur de filtres css est-il gratuit ?
Oui. Générateur de filtres CSS est gratuit.
générateur de filtres css garde-t-il mon travail privé ?
Oui. Votre travail reste privé pendant l’utilisation de l’outil ; rien de ce que vous saisissez n’est envoyé.
Pourquoi brightness(100%) reste-t-il après réinitialisation ?
L’outil émet toujours les huit fonctions ; 100 % est la valeur neutre de luminosité, contraste et saturation.
Les mêmes valeurs donnent-elles le même aspect sur toutes les images ?
Non. Le résultat dépend des couleurs, de la transparence, du contraste et du fond de chaque image.