Niveaux de gris
100%
Pile de filtres
filter: grayscale(100%);
Outils de design
Générateur de filtre CSS — Effets d'image en direct
Combinez le flou, les niveaux de gris, le contraste et d’autres fonctions de filtre CSS avec un aperçu en direct. Réglez les curseurs pour créer une chaîne comme filter: blur(2px) grayscale(100%), puis copiez le résultat.
ConceptionCSSFiltre
Ajouter cet outil aux favoris
Aucun mode de stockage des favoris n’a été sélectionné.
Actions rapides
Copiez l’URL de cet outil ou ouvrez la feuille de partage du système sur un appareil compatible.
设计配色
Générateur de filtre CSS
CSS Filter Rule
filter: none;
等待调整滤镜。
Cas d’usage
- Essayez des valeurs de filtre en niveaux de gris ou en sourdine pour les icônes de site ou les fiches de produits
Mode d’emploi
- Faites glisser les curseurs de filtre, puis copiez le CSS du panneau de sortie dans votre feuille de style
Exemples d’entrée et de sortie
FAQ
La prise en charge du navigateur est-elle limitée ?
Le filtre CSS est largement répandu pris en charge sur les navigateurs de bureau et mobiles modernes.
Outils
Outils associés
Poursuivez avec un autre outil traduit pour une tâche proche.
Inverseur de couleur
Inverseur de couleur — Inversion RVB et aperçu sombre
Inversez une couleur en soustrayant chaque canal RVB de 255. Comparez les couleurs source et inversées, prévisualisez les exemples de calques et exportez un extrait de variable CSS pour l'exploration du thème sombre.
Couleur Inverser Sombre
Générateur de couleurs pastel
Générateur de couleurs pastel — Palettes douces à faible saturation
Générez des palettes de pastel doux et de style Morandi dans votre navigateur. Choisissez le nombre et le style, verrouillez les échantillons que vous souhaitez conserver et exportez des listes HEX ou des variables CSS pour les graphiques, les arrière-plans et les thèmes d'interface utilisateur doux.
Pastel Palette Couleur