Générateur de dégradé
Créez des dégradés et exportez du CSS propre
Composez des dégradés linéaires, radiaux et coniques avec des aperçus en direct, puis copiez le CSS, récupérez une valeur Tailwind ou téléchargez un SVG.
Type
Arrêts de couleur
CSS
Préréglages aléatoires
FAQ
Questions sur le générateur de dégradé
Quels types de dégradés puis-je créer ?
Des dégradés CSS linéaires, radiaux et coniques. Ajoutez, supprimez et réordonnez les arrêts de couleur, faites-les glisser le long de la piste, et ajustez l’angle ou la position avec des contrôles en direct.
Comment exporter le dégradé ?
Copiez le fond CSS généré (linear-gradient, radial-gradient ou conic-gradient), la valeur arbitraire Tailwind correspondante, ou téléchargez-le en SVG.
Puis-je partir d’une palette extraite ?
Oui. Générez une palette sur la page Générateur de palette, puis collez les codes HEX dans les arrêts du dégradé pour créer un dégradé assorti en quelques secondes.
Prend-il en charge la transparence ?
Chaque arrêt accepte une valeur alpha, vous pouvez donc faire disparaître une couleur vers la transparence n’importe où le long du dégradé.
Commencez maintenant
Votre prochaine palette est à une image d’ici
Prélevez des couleurs, extrayez des palettes et exportez du code — gratuit, privé et instantané.