Générateur CSS Text Shadow
Générez des text-shadow CSS avec aperçu en direct. Empilez plusieurs ombres avec des préréglages néon, relief et autres.
Préréglages
Paramètres du texte
Couches d'ombre
Aperçu
Shadow Text
CSS généré
text-shadow: 2px 2px 4px #000000;
Extrait complet
.text-shadow-effect {
color: #333333;
font-size: 48px;
font-family: sans-serif;
text-shadow: 2px 2px 4px #000000;
}Comment utiliser
Saisir le texte

Entrez le texte pour l'aperçu
Ajuster les paramètres

Ajustez le décalage, le flou et la couleur
Copier

Copiez le code CSS pour l'utiliser
Fonctionnalités
Aperçu en direct
Visualisez l'effet d'ombre de texte en temps réel
Ombres multiples
Superposez plusieurs ombres de texte
Préréglages
Préréglages comme néon, relief et plus encore
FAQ
🔗Outils associés
Convertisseur de codes couleur
Convertissez entre les codes couleur HEX, RGB et HSL. Utilisez le sélecteur de couleur et l'aperçu en temps réel pour une sélection intuitive.
Sélecteur de couleur
Choisissez des couleurs intuitivement avec un cercle chromatique et des curseurs. Obtenez et copiez les codes couleur aux formats HEX, RGB et HSL.
Extracteur de couleurs d'image
Détectez automatiquement les couleurs dominantes d'une image et générez une palette de couleurs. Vous pouvez aussi cliquer n'importe où sur l'image pour sélectionner des couleurs individuelles.
Sélecteur de couleur moyenne d'image
Calculez la couleur moyenne d'une image entière ou d'une zone sélectionnée. Utile pour choisir des palettes de couleurs ou des couleurs d'arrière-plan de vignettes.
Générateur de dégradés CSS
Créez visuellement des dégradés CSS avec des contrôles par glissement. Prise en charge des dégradés linéaires, radiaux et coniques avec préréglages.
Générateur CSS Box Shadow
Créez visuellement des box-shadow CSS avec des curseurs. Prise en charge des ombres multiples et des ombres intérieures.