Générateur de nuances de couleurs
Générez des variations de nuances du clair au foncé pour n'importe quelle couleur. Ajustez le nombre d'étapes et exportez en palette Tailwind CSS.
Sélectionner la couleur de base
Teintes (couleurs plus claires)
Variations plus claires créées en mélangeant du blanc avec la couleur de base
Nuances (couleurs plus foncées)
Variations plus foncées créées en mélangeant du noir avec la couleur de base
Comment utiliser
Choisir une couleur
Spécifiez la couleur via le sélecteur ou le code HEX
Générer les nuances
Les nuances du clair au foncé sont générées automatiquement
Copier
Copiez les codes couleur des nuances souhaitées
Fonctionnalités
Contrôle des étapes
Ajustez le nombre d'étapes de nuances
Formats multiples
Copiez aux formats HEX, RGB, HSL
Exportation de palette
Exportez la palette au format Tailwind CSS
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.