Outil gratuit · sans inscription

Générateur de dégradé CSS

Choisis 2 ou 3 couleurs, un type linéaire ou radial et un angle. On te rend un aperçu en direct et le code CSS à copier.

Type
Code CSS
background: linear-gradient(135deg, #56468b, #db8274);

Des dégradés à ta marque

Cet outil est libre et sans inscription. Crée ton compte gratuit pour aller plus loin.

  • Enregistre tes dégradés favoris
  • Exporte le code (CSS, image)
  • Génère en illimité
  • Applique tes dégradés à ta page Lynks
Crée ton compte gratuitGratuit pour toujours · sans carte · déjà membre ?

À propos de cet outil

Compose un dégradé en choisissant tes couleurs, le sens (linéaire ou radial) et l'angle, puis copie le code CSS prêt à coller dans ta feuille de style. Pratique pour un fond de section, un bouton, une bannière ou une carte, sans avoir à écrire la syntaxe linear-gradient de tête. L'aperçu se met à jour en direct pour que tu vises le rendu exact avant de copier.

Questions fréquentes

Où coller le code généré ?

Le code se colle dans la propriété background (ou background-image) de ton CSS, par exemple sur une div, une section ou un bouton. C'est du CSS standard, compatible avec tous les navigateurs modernes.

Puis-je mettre plus de deux couleurs dans mon dégradé ?

Oui, un dégradé CSS accepte plusieurs points de couleur (color stops). Tu peux enchaîner les teintes pour un effet plus riche, en gardant à l'esprit qu'un dégradé trop chargé se lit moins bien en fond de texte.

L'outil est-il gratuit et sans inscription ?

Oui. Le générateur de dégradé est gratuit, ne demande aucun compte et n'envoie rien sur un serveur : tout se passe dans ton navigateur.

Pour aller plus loin

Crée ton compte gratuit, garde tout au même endroit

Cet outil est gratuit et sans inscription. Un compte gratuit te donne une vraie base : tes liens, tes QR codes et tes stats réunis, prêts à grandir.

  • Sauvegarde toutLiens, QR codes et créations réunis dans ton tableau de bord.
  • Suis tes clicsDes stats claires sur ce qui marche, sans outil en plus.
  • Une page à ton nomRéunis tous tes liens sur une page Lynks, comme un Linktree.
Crée ton compte gratuitGratuit pour toujours · sans carte · déjà membre ?

Autres outils gratuits

Générateur de palette

Une palette harmonieuse à partir d'une seule couleur.

Vérificateur de contraste

Vérifie la lisibilité de tes couleurs (norme AA/AAA).

Générateur de favicon

Crée le favicon de ton site à partir d'une image ou d'une lettre.

Convertisseur de couleurs

Convertis une couleur entre HEX, RGB et HSL, avec aperçu et copie.

Tous les outils sont sur la page Outils gratuits.