Générateur de Dégradés CSS

Créez visuellement des dégradés CSS linéaires, radiaux et coniques. Ajoutez plusieurs points de couleur, ajustez les positions et copiez le code CSS directement.

Studio · environnement neutre
90° 

  




  


  
  

  
  
  
  

    
Fonctionnalités

    

      
      

        
        Linear / radial / conic
      

      
      

        
        Multiple color stops
      

      
      

        
        Angle / direction control
      

      
      

        
        Live preview & CSS code
      

      
    

  

  

  
  

    
Comment Utiliser

    

      
        
        
1. Choisissez le type de dégradé et l'angle ; la surface l'affiche en taille réelle.

        
        
2. Glissez les poignées pour déplacer les étapes, cliquez sur un espace libre de la piste pour en ajouter (jusqu'à six), ou affinez avec les pastilles de couleur et les champs de pourcentage.

        
        
3. Copiez le CSS généré — vérifiez-le sur le damier pour repérer les bandes sur la transparence.

        
      
    

  


  
  
  
  

    
Questions Fréquentes

    
    

      What types of gradients does CSS support?
      
CSS supports linear, radial, and conic gradients, each with different visual effects.

    

    
  

  

  
  
  

    
Outils Associés

    

      
      
        

          
        

        
Générateur CSS Box Shadow

        
Générez visuellement des propriétés CSS box-shadow avec des curseurs. Visualisez...

      
      
      
        

          
        

        
Générateur CSS Border Radius

        
Créez visuellement des propriétés CSS border-radius — contrôlez les quatre coins...

      
      
      
        

          
        

        
Terrain de Jeu CSS Flexbox

        
Apprenez et expérimentez avec CSS Flexbox. Ajustez les propriétés du conteneur e...

      
      
      
        

          
        

        
Générateur CSS Grid

        
Créez visuellement des mises en page CSS Grid. Définissez les lignes, colonnes e...