Générateur de dégradé CSS

Fixez les couleurs et l’angle et le linear-gradient CSS est écrit pour vous. Déplacez les arrêts de couleur pour choisir où se produit la transition, puis collez le résultat tel quel.

🎨 Tout tourne dans votre navigateur. Rien à installer, aucun compte.

Couleur de départ

Couleur de fin

Ajouter une couleur intermédiaireRadial, depuis le centre

Angle135°

Préréglages

background: linear-gradient(135deg, #8b5cf6, #0ea5e9);

Quand vous posez du texte sur un dégradé, vérifiez le contraste au point le plus clair et au plus sombre. Réglé pour un seul bout, le texte disparaît à l’autre.

Ce que fait cet outil

Deux ou trois couleurs avec position d’arrêt
Angulaire ou radial
Copier le CSS immédiatement
Repères de classes Tailwind

Autres outils de couleur

Générateur de box-shadow CSSRégler l’ombre en voyant le résultat Générateur de palettes de couleursSortir les couleurs qui vont avec une couleur de base, par règle Générateur de nuancesTransformer une couleur en échelle 50–900 Mélangeur de couleursTrouver la couleur entre deux couleurs

Les couleurs peuvent paraître un peu différentes selon votre écran et son profil couleur.