Exemple pratique
- Données saisies
Type: Linéaire Première couleur: #336699 Deuxième couleur: #ffffff Angle: 90- Résultat
linear-gradient(90deg, #336699 0%, #FFFFFF 100%)
Générateur de dégradé CSS
Créez un dégradé CSS linéaire ou radial avec deux couleurs, un angle et un aperçu. Copiez le code ou téléchargez le CSS.
Résultat
Saisissez les données et lancez l’outil.
Nous comptons les outils les plus utilisés, sans inclure les valeurs saisies ni le contenu des fichiers dans les statistiques. Confidentialité
Comment utiliser l’outil
- Renseignez Première couleur / Deuxième couleur / Type / Angle.
- Cliquez sur « Traiter », vérifiez le résultat puis copiez-le ou téléchargez-le avec les boutons.
Méthode et limites
Deux couleurs HEX et un angle de 0 à 360 degrés. L’angle concerne uniquement le dégradé linéaire.
Exemple
#336699 + #CC6699 → linear-gradient(90deg, #336699 0%, #CC6699 100%)