Générateur de Dégradé
Créez des dégradés CSS et copiez le code.
Créez un dégradé CSS de façon visuelle : choisissez linéaire ou radial, réglez l'angle, ajoutez autant d'arrêts de couleur que vous voulez et copiez le CSS prêt à coller. Utilisez un préréglage, générez un dégradé aléatoire ou peaufinez chaque arrêt. Généré localement dans votre navigateur.
Arrêts de couleur
Préréglages
Toutes les conversions de couleur s'exécutent localement dans votre navigateur — rien n'est envoyé, stocké ni journalisé.
Comment ça marche
- 1 Choisissez linéaire ou radial et réglez l'angle.
- 2 Ajoutez et positionnez les arrêts de couleur.
- 3 Ajustez les couleurs jusqu'à aimer l'aperçu.
- 4 Copiez le CSS ou générez-en un au hasard.
Cas d'usage courants
- Créer un arrière-plan de héros ou de bouton.
- Réaliser une carte ou une bannière colorée.
- Prototyper rapidement un dégradé de marque.
- Générer des arrière-plans de remplacement.
Questions fréquentes
Mes données de couleur sont-elles envoyées quelque part ?
Non. Chaque conversion et chaque calcul s'exécutent entièrement dans votre navigateur — rien n'est envoyé, stocké ni enregistré.
Quels types de dégradés sont pris en charge ?
Linéaire (avec un angle) et radial. Chacun prend en charge deux arrêts de couleur ou plus, que vous pouvez positionner de 0% à 100%.
Puis-je utiliser le CSS directement ?
Oui. Copiez la déclaration `background:` et collez-la dans votre feuille de style — elle fonctionne dans tous les navigateurs modernes.
Est-ce vraiment gratuit ?
Oui — gratuit, sans inscription, sans filigrane et sans limites.