Générateur de dégradé CSS
Créez visuellement des dégradés CSS linéaires et radiaux. Ajoutez et déplacez des points de couleur, réglez l’angle et voyez l’aperçu en direct. Copiez le code CSS en un clic ou enregistrez le dégradé en image de fond PNG à la taille de votre choix. Gratuit.
Type
Forme
Points de couleur
Cliquez sur la barre pour ajouter un point. Faites glisser un point pour le déplacer.
Modèles
Code CSS
Mode d’emploi
- Choisissez Linéaire ou Radial, puis réglez l’angle (ou la forme).
- Cliquez sur la barre pour ajouter un point de couleur, faites glisser les points pour les déplacer et changez la couleur de chacun.
- Copiez le code CSS, ou choisissez une taille et enregistrez le dégradé en PNG.
Questions fréquentes
Quels navigateurs prennent en charge les dégradés CSS ?
linear-gradient() et radial-gradient() fonctionnent dans tous les navigateurs modernes, sans préfixe.
Que signifie l’angle ?
0° va du bas vers le haut, 90° de gauche à droite et 180° du haut vers le bas.
Puis-je utiliser le PNG comme fond d’écran ou fond de miniature ?
Oui. Choisissez 1920×1080, 1080×1920 ou une taille personnalisée et utilisez-le librement.