Un dégradé CSS est une transition douce entre deux couleurs ou plus, créée avec linear-gradient(), radial-gradient() ou conic-gradient(). Ici, vous le construisez avec les couleurs de votre palette, choisissez le type et l'angle, puis copiez le code.
Mis à jour le
Cliquez sur un HEX pour le copier · cadenas pour le garder
Chaque cellule affiche la couleur de la colonne en texte sur le fond de la ligne.
Cliquez sur une nuance pour copier son HEX.
Enregistrées uniquement dans ce navigateur. Cliquez sur une palette pour la charger.
Le linéaire avance en ligne droite selon un angle. Le radial s'étend depuis un centre en cercle ou en ellipse. Le conique tourne autour d'un point, comme les parts d'un graphique circulaire.
linear-gradient() et radial-gradient() fonctionnent dans tous les navigateurs actuels. conic-gradient() est pris en charge par les versions récentes de Chrome, Edge, Firefox et Safari. La couleur de secours couvre les anciens navigateurs.
Définissez le dégradé en background, ajoutez background-clip: text (et -webkit-background-clip: text) et rendez la couleur du texte transparent. Le code exporté contient déjà cette classe.
