Choisir le type
Sélectionnez linéaire ou radial depuis le centre.
FREE CSS GRADIENT GENERATOR
Générateur de dégradé CSS gratuit
Choisissez couleurs et positions pour générer instantanément un CSS linear-gradient ou radial-gradient.
Les saisies et résultats ne sont ni envoyés ni stockés.
- 1Régler les couleurs
- 2Voir le dégradé
- 3Copier le CSS
1 · Régler les couleurs
Réglez le dégradé
2 · Voir le dégradé
Résultat
Aperçu du dégradé
Utilise des HEX sRGB opaques et des positions en pourcentage. Le résultat est du CSS, pas une image.
Guide gratuit de fond CSS
Créez un fond fluide avec des points de couleur
Générez gratuitement des dégradés linéaires et radiaux sans compte ni installation.Régler les couleurs
Définissez deux à cinq couleurs et leurs positions de 0% à 100%.
Copier le CSS
Vérifiez l’aperçu et collez la déclaration background.
Comprendre les dégradés
Le navigateur mélange les points
CSS dessine des transitions adaptables sans fichier image.
Linéaire
L’angle contrôle la direction des couleurs.
Radial
Le cercle ou l’ellipse se diffuse depuis le centre.
Une ligne CSS
Collez la déclaration background dans vos styles.
FREE CSS GRADIENT GENERATOR FAQ
Questions sur les dégradés CSS
Consultez l’utilisation gratuite, les couleurs et le résultat.1Le générateur est-il gratuit ?
Oui. Il est gratuit, sans compte et sans limite d’utilisation.
2Combien de couleurs puis-je ajouter ?
Entre deux et cinq points de couleur.
3Crée-t-il du linéaire et du radial ?
Oui. Linéaire avec angle et radial centré en cercle ou ellipse.
4Puis-je télécharger une image ?
Cette version génère du CSS responsive, pas un fichier image.