UTILS.
Privés par défaut
▤

Générateur de dégradé CSS

Créez un dégradé linéaire ou radial avec aperçu en direct et copiez le CSS.

Vos fichiers restent sur cet appareil

Les fichiers sont traités dans votre navigateur, jamais envoyés. Le site télécharge le code et les ressources nécessaires aux outils. Sans compte ni traceurs.

Utilisez Télécharger pour enregistrer cet outil dans un fichier HTML utilisable hors ligne.

Confidentialité →

À propos de cet outil

Créez un dégradé linéaire ou radial à deux couleurs en choisissant les couleurs, les positions et un angle, puis copiez la règle de background. L'aperçu en direct fonctionne entièrement dans votre navigateur.

Foire aux questions

Qu'est-ce que l'angle dans un dégradé linéaire ?
L'angle définit la direction de la transition de couleur : 0° pointe vers le haut, 90° vers la droite, 180° vers le bas, et ainsi de suite.
Quand utiliser radial plutôt que linéaire ?
Utilisez radial pour faire rayonner les couleurs vers l'extérieur depuis un point central (comme un projecteur) ; linéaire les fond le long d'une ligne droite.

Plus d'outils