🎨 Générateur de dégradés CSS

Créez de beaux dégradés CSS visuellement avec un aperçu en direct.

Soutenir TinyToolWeb

Aidez-nous à garder ces outils gratuits et sans publicité !

À propos du générateur de dégradés CSS

Créez de beaux dégradés CSS avec aperçu en direct. Générez des dégradés linéaires et radiaux visuellement et copiez le code CSS instantanément.

Fonctionnalités

  • Aperçu en direct : Visualisez votre dégradé en temps réel
  • Linéaire & radial : prise en charge des deux types de dégradés
  • Directions personnalisées : plusieurs directions de dégradé disponibles
  • Sélecteurs de couleur : sélection simple avec les outils natifs
  • Copie du CSS : copie en un clic du code généré

Comment utiliser

  • Sélectionnez le type de dégradé (linéaire ou radial)
  • Choisissez la direction (pour les dégradés linéaires)
  • Choisissez vos couleurs via les sélecteurs
  • Cliquez sur « Mettre à jour » pour voir l’aperçu
  • Copiez le code CSS généré

Types de dégradés

  • Dégradé linéaire : transition des couleurs le long d’une ligne
  • Dégradé radial : transition des couleurs depuis un centre vers l’extérieur