OneKitTools logoOneKitTools
Retour à Images

Générateur de dégradés

Créer des dégradés CSS avec 15 presets, export CSS, Tailwind, SCSS et PNG

À propos de Générateur de dégradés

Créez des dégradés CSS personnalisés avec 15 presets, aperçu en direct et export CSS, Tailwind, SCSS ou PNG.

Comment utiliser Générateur de dégradés

  1. 1Choisissez le type de dégradé : Linéaire, Radial ou Conique.
  2. 2Ajoutez ou modifiez les couleurs — glissez les stops pour ajuster les positions.
  3. 3Réglez l'angle (linéaire) ou la forme (radial : cercle/ellipse).
  4. 4Starter+ : choisissez parmi 15 presets professionnels ou cliquez sur « Aléatoire ».
  5. 5Copiez le code CSS ou exportez en Tailwind, SCSS ou PNG.

Astuces

  • Le mode Conique est parfait pour les effets roue chromatique ou cadrans.
  • Téléchargez le dégradé en PNG pour l'utiliser comme fond d'écran, bannière ou placeholder.
  • L'aperçu texte montre à quoi ressemble le dégradé appliqué en tant que background-clip: text.

Outils similaires

Équipe OneKitToolsMise à jour 2.21.4