Generateur de degrades
Creez de superbes degrades CSS avec apercu en direct. Choisissez parmi les presets ou personnalisez les votres. Copiez le code CSS ou telechargez en PNG.
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);Tout le traitement se fait dans votre navigateur. Aucune donnee n'est envoyee a un serveur.
Comment creer un degrade
Choisir le type
Selectionnez le type de degrade lineaire, radial ou conique.
Definir les couleurs
Ajoutez des arrets de couleur et ajustez leurs positions pour affiner le degrade.
Ajuster l'angle
Utilisez le curseur d'angle pour controler la direction du degrade.
Exporter
Copiez le code CSS pour votre site web ou telechargez en image PNG.
Questions frequemment posees
Quels types de degrades puis-je creer ?
Vous pouvez creer trois types : degrades lineaires (transitions de couleur droites), degrades radiaux (transitions circulaires depuis le centre) et degrades coniques (transitions de couleur autour d'un point central comme un camembert).
Puis-je utiliser le code CSS genere directement ?
Oui ! Cliquez sur le bouton Copier CSS pour copier le code. Vous pouvez le coller directement dans votre fichier CSS comme propriete de fond. Cela fonctionne dans tous les navigateurs modernes.
Quelle est la taille maximale d'image que je peux telecharger ?
Vous pouvez definir la taille de sortie jusqu'a 4096 x 4096 pixels. La valeur par defaut est 800 x 600 pixels, adaptee a la plupart des fonds web.
Comment fonctionnent les arrets de couleur ?
Les arrets de couleur definissent les couleurs du degrade et ou elles apparaissent. Chaque arret a une couleur et une position (0-100%). Vous avez besoin d'au moins 2 arrets et pouvez en ajouter pour des degrades plus complexes.
Mes donnees sont-elles en securite ?
Absolument. Toute la generation de degrades se fait entierement dans votre navigateur avec Canvas. Aucune donnee n'est envoyee a un serveur.
Cas d'utilisation
Arriere-plans de design web
Creez des sections hero, des bannieres et des fonds de page accrocheurs avec des degrades CSS personnalises qui correspondent a votre marque.
Graphiques pour reseaux sociaux
Generez des fonds degrades vibrants pour les publications, stories et images de couverture qui se demarquent.
Diapositives de presentation
Concevez des fonds de diapositives professionnels avec des transitions de couleur fluides qui ameliorent vos presentations.
Elements d'interface
Ajoutez des fonds degrades aux boutons, cartes, barres de navigation et autres composants pour un look moderne.
Design d'email
Telechargez des images degradees pour les en-tetes et fonds d'email ou les degrades CSS ne sont pas pris en charge.
Design d'apps et prototypage
Prototypez rapidement des ecrans d'application avec des fonds degrades. Exportez en CSS pour le web ou en PNG pour les maquettes d'apps natives.
Creez votre degrade parfait
Concevez de beaux degrades avec apercu en direct. Copiez CSS ou telechargez PNG - gratuit et facile.