CSS gradient generator
Pick 2 or 3 colors, a linear or radial type and an angle. You get a live preview and the CSS code to copy.
background: linear-gradient(135deg, #56468b, #db8274);
Gradients that match your brand
Cet outil est libre et sans inscription. Crée ton compte gratuit pour aller plus loin.
- Save your favorite gradients
- Export the code (CSS, image)
- Generate without limits
- Apply your gradients to your Lynks page
About this tool
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.
Frequently asked questions
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.
Create your free account, keep everything in one place
This tool is free and requires no signup. A free account gives you a real base: your links, QR codes, and stats together, ready to grow.
- Save everythingLinks, QR codes, and creations together in your dashboard.
- Track your clicksClear stats on what works, no extra tool needed.
- A page with your nameGather all your links on one Lynks page, like a Linktree.
Other free tools
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.
All the tools are on the free tools page.