Sélecteur de couleurs et générateur de palettes
Sélectionnez des couleurs aux formats HEX, RGB et HSL ; créez des palettes harmonieuses et des dégradés.
Générateur CSS Glassmorphism (Effet verre dépoli)
Générez des cartes d'interface modernes en verre dépoli avec backdrop-filter CSS et classes Tailwind prêtes à l'emploi.
Paramètres de l'effet de verre
Flou (Blur)16px
Opacité%25
Épaisseur de bordure1px
Opacité de bordure%20
Rayon des coins20px
#ffffff
ToolsApp Glass
Verre dépoli moderne
Découvrez une interface glassmorphism épurée avec flou d'arrière-plan en temps réel et réfraction de la lumière.
blur(16px)opacity(25%)
Code CSS
background: rgba(255, 255, 255, 0.25); backdrop-filter: blur(16px); -webkit-backdrop-filter: blur(16px); border-radius: 20px; border: 1px solid rgba(255, 255, 255, 0.20); box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.15);
Comment Utiliser ?
Ajuster le flou et l'opacité
Affinez le flou et la transparence de la toile de fond.
Arrière-plans de test
Aperçu sur des dégradés colorés et vibrants.
Copier CSS / Tailwind
Exportez l'extrait CSS dans votre fichier de style.
Conseils & Astuces
- •L’effet verre dépend du fond. Testez séparément la lisibilité sur des zones claires et sombres.
Outils Connexes
Pipette et sélecteur de couleur sur image
Téléversez une photo ou un visuel et cliquez sur n'importe quel pixel pour extraire les codes couleur exacts en HEX et RGB.
Générateur de codes QR personnalisés
Générez des codes QR haute résolution en PNG et SVG pour sites web, réseaux Wi-Fi, textes et cartes de contact.
Générateur de favicons et icônes d'application
Générez des favicons 16x16, 32x32, des icônes Apple Touch 180x180 et des icônes PWA Android à partir de votre logo.
Avis d'utilisateurs & Commentaires
Partagez votre expérience anonymement. Modéré automatiquement par l'IA.
Avis Approuvés (0)