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

Créez un dégradé linéaire CSS à deux couleurs avec aperçu.

Graphisme Sans conservation

Longueur maximale par champ : 62 points de code Unicode. Consultez les limites de l’opération dans les instructions.

Guide rapide

À vous de jouer avec vos propres données.

Un exemple pour commencer

Vous saisissez

Couleur de départ (HEX)
#f00
Deuxième couleur (HEX)
#00f
Angle (degrés)
90

Vous obtenez

linear-gradient(90deg, #FF0000, #0000FF)
Fonctionnement et limites

Saisissez des couleurs hexadécimales opaques et un angle CSS de 0 à 360 degrés avec un point décimal. Exemple : rouge, bleu et 90 donnent linear-gradient(90deg, #FF0000, #0000FF).

Copiez le résultat comme valeur CSS de background. Le navigateur détermine le rendu final.