EN

Outil gratuit · sans inscription

Générateur de dégradé de couleur

Créez un dégradé de couleur en ligne en quelques secondes : choisissez vos couleurs, réglez les nuances, puis copiez les codes ou téléchargez-le en fond d’écran. Tout se fait dans votre navigateur.

Couleurs 3 / 6

Type de dégradé

160°
7

Écran large · 1920 × 1080

Nuances du dégradé : touchez-en une pour copier son code

  • Gratuit, sans inscription
  • Usage libre, même commercial
  • Rien n’est envoyé

Télécharger votre dégradé en fond d’écran

Le même dégradé, aux bonnes dimensions pour chaque écran. Créer un fond d’écran prend un clic.

  • Téléphone iPhone · 1179 × 2556
  • Android 1080 × 2400
  • Ordinateur 1920 × 1080
  • Mac 2560 × 1600
  • Story Instagram · 1080 × 1920
  • Carré Réseaux sociaux · 1080 × 1080

Les codes couleur du dégradé (HEX, RVB, CSS)

Chaque nuance avec son code HEX et RVB, à copier en un clic, et le dégradé CSS prêt à coller dans votre feuille de style.

N° HEX RVB Copier
1 #5A3825 rgb(90, 56, 37)
2 #724B33 rgb(114, 75, 51)
3 #8B6042 rgb(139, 96, 66)
4 #A47551 rgb(164, 117, 81)
5 #BA9574 rgb(186, 149, 116)
6 #D1B599 rgb(209, 181, 153)
7 #E9D6BF rgb(233, 214, 191)

Le code CSS de votre dégradé

background: linear-gradient(160deg, #5A3825, #724B33, #8B6042, #A47551, #BA9574, #D1B599, #E9D6BF);

Votre dégradé en palette et en nuancier à imprimer

Pour reproduire le dégradé aux crayons ou à la peinture : la fiche donne chaque nuance et des cases pour vous entraîner.

Le nuancier à imprimer

Une page : les nuances numérotées, leurs codes, et des cases vides à colorier.

Dégradés prêts à l’emploi

Un clic les charge dans l’outil. Chaque couleur a aussi sa page, avec des fonds d’écran prêts à télécharger.

Générateur de couleurs aléatoires

Pas d’idée ? Tirez cinq couleurs aléatoires qui vont ensemble, copiez leurs codes ou faites-en un dégradé.

Questions fréquentes

Comment créer un dégradé de couleur en ligne ?

Choisissez au moins deux couleurs, réglez le nombre de nuances, puis le type (linéaire ou radial). Le dégradé se met à jour en direct : copiez ses codes ou téléchargez l’image.

Comment télécharger un dégradé en fond d’écran ?

Choisissez le format (téléphone, ordinateur, story ou carré) puis « Télécharger en PNG ». L’image est créée à la bonne taille, sans filigrane.

Comment trouver le code couleur d’un dégradé ?

Chaque nuance affiche son code HEX et RVB : cliquez dessus pour le copier. Le code CSS complet est juste en dessous.

Peut-on faire un dégradé de 3 couleurs ou plus ?

Oui : « Ajouter une couleur » permet d’aller jusqu’à 6 couleurs, avec 3 à 12 nuances. Les nuances passent de l’une à l’autre dans l’ordre.

Quelle différence entre un dégradé linéaire et radial ?

Le linéaire passe d’un bord à l’autre selon un angle ; le radial part du centre et s’étend en cercle.

Quelles couleurs vont ensemble pour un dégradé ?

Des couleurs voisines sur le cercle chromatique (bleu et violet, jaune et orange) se fondent sans effort. Les dégradés prêts et le bouton « Au hasard » proposent des associations sûres.