Générateur de dégradés CSS

Créez un dégradé CSS linéaire ou radial avec un aperçu en direct et copiez la règle background prête à l'emploi.

Générateur de dégradé CSS

Choisissez un type de dégradé, réglez l’angle et les points de couleur, puis copiez le CSS.

Aucun dégradé pour le moment

Choisissez vos couleurs ci-dessus, puis cliquez sur « Générer le dégradé ».

Les arrêts sans position sont répartis uniformément par le navigateur. Les dégradés radiaux utilisent toujours un cercle.

S'exécute entièrement dans votre navigateur. Rien n'est envoyé.

Comment ça marche

Cet outil fonctionne entièrement dans votre navigateur, pour votre confidentialité et votre rapidité.

1 ⚡

Outils locaux en illimité

Cette utilisation coûte 1 crédit(s) et est enregistrée automatiquement.

Connectez-vous pour enregistrer et consulter votre historique.

Historique d'utilisation

Aucune utilisation enregistrée.

Questions fréquentes

Est-ce que je reçois des crédits gratuits pour essayer Générateur de dégradés CSS ?
Oui — les nouveaux comptes reçoivent 3 crédits gratuits à utiliser sur n'importe quel outil, y compris Générateur de dégradés CSS. Ensuite, vous ne payez que ce que vous utilisez.
Combien de crédits coûte Générateur de dégradés CSS ?
Tout se passe dans votre navigateur, sans envoi de fichier : 1 crédit par exécution en compte gratuit, illimité avec les offres Pro et Pro+.
Le contenu que je colle reste-t-il privé ?
Générateur de dégradés CSS n'utilise votre contenu que pour générer le résultat. Les résultats stockés sont supprimés automatiquement selon notre politique de conservation, et vous pouvez effacer chaque exécution de votre historique.
Faut-il installer quelque chose ?
Non. Générateur de dégradés CSS fonctionne dans n'importe quel navigateur récent, sans téléchargement ni installation.

Outils associés

Les outils dont on a généralement besoin ensuite, dans le même flux de travail.