Générateur de dégradé CSS

Couleur

Un générateur de dégradé combine deux couleurs HEX en une valeur CSS linear-gradient prête à copier.

Traduction assistée par IA en cours de révision

Cette page a été traduite avec l’aide de l’IA et n’a pas encore été relue par un professionnel. Consultez les sources citées avant toute décision importante.

Qu’est-ce que c’est

Un dégradé linéaire effectue une transition douce entre deux couleurs ou plus le long d’un angle. En CSS, il s’écrit avec la fonction linear-gradient().

linear-gradient(angle, couleurA, couleurB)

Comment l’utiliser

  1. 1Saisissez la première couleur HEX.
  2. 2Saisissez la seconde couleur et l’angle.
  3. 3Copiez la valeur CSS linear-gradient.

Référence

Générateur de dégradé CSS Référence
EntréeRésultat
exemplevaleur CSS linear-gradient

Sources et normes

FAQ

Puis-je utiliser le résultat directement en CSS ?

Oui. La valeur linear-gradient() se copie telle quelle dans la propriété background de votre CSS.

Les données du dégradé sont-elles envoyées à un serveur ?

Non. Cet outil fonctionne dans votre navigateur et n’envoie aucune donnée à un serveur.

Outils associés