Générateur de dégradés CSS
Créez des dégradés linéaires, radiaux ou coniques, ajustez chaque couleur et copiez le CSS prêt à l’emploi.
- Aperçu instantané
- Sans inscription
- Gratuit
Aperçu du dégradé
linear-gradient(to right, #667EEA 0%, #764BA2 100%)Couleurs intermédiaires
Comment créer des dégradés CSS
Choisissez le type et la direction, puis modifiez les couleurs et leurs positions. L'aperçu et le CSS sont actualisés immédiatement. Vous pouvez copier la règle, la valeur du dégradé ou télécharger un fichier CSS.
Le dégradé linéaire place les couleurs sur une ligne, le radial les déploie depuis un point et le conique les fait tourner autour d'un centre. Le générateur permet de tester les trois.
Cliquez sur Ajouter une couleur, modifiez son code HEX et sa position entre 0% et 100%. Vous pouvez utiliser jusqu'à six couleurs, supprimer des points ou appliquer une combinaison rapide.
Oui. Activez Répéter le dégradé pour produire la fonction repeating correspondante, puis ajustez les positions afin de contrôler l'espacement du motif.