CSS
Type
Angle
135°
Couleurs
Préréglages

Types de dégradés CSS

Le dégradé linéaire va en ligne droite à l'angle donné. Le radial s'étend depuis le centre en cercle ou ellipse. Le conique tourne autour d'un point central, comme le spectre de la roue chromatique.

Code CSS prêt à l'emploi

L'outil génère la propriété CSS background prête à insérer dans vos styles. Compatible avec tous les navigateurs modernes sans préfixes.

Jusqu'à 5 points de couleur

Ajoutez jusqu'à 5 points de couleur pour des dégradés multicolores complexes. Chaque point définit une couleur et une position en pourcentage. Supprimez les points superflus en un clic.

Questions fréquentes
Comment utiliser un dégradé CSS dans un projet ?
Copiez le CSS généré et collez-le dans la propriété background de n'importe quel élément. Exemple : div { background: linear-gradient(135deg, #3B82F6, #8B5CF6); }
Quelle est la différence entre linéaire et radial ?
Linéaire crée une transition le long d'une ligne droite à un angle. Radial crée une transition circulaire ou elliptique du centre vers les bords. Conique tourne autour d'un point.
Peut-on ajouter plusieurs couleurs ?
Oui, cliquez sur «Ajouter une couleur» — vous pouvez ajouter jusqu'à 5 points. Chaque point définit une couleur et une position de 0 à 100 %.
Cet outil est-il gratuit ?
Oui, complètement gratuit et sans limites. Sans inscription, tout fonctionne dans votre navigateur.

Autres outils couleur

Pipette couleurChargez une photo et cliquez n'importe où — obtenez HEX, RGB, HSL et le nom Palette depuis une photoExtrayez 5–8 couleurs dominantes de n'importe quelle image Palette pour projetGénérez N couleurs avec lisibilité du texte garantie Harmonies de couleursComplémentaires, analogues, triadiques et split-complémentaires Variations de couleurPlus clair, foncé, saturé, pâle, chaud, froid Contraste WCAGVérification accessibilité AA et AAA — gratuit Simulateur de daltonismeComment les daltoniens voient les couleurs — protanopie, deuteranopie et autres Convertisseur TailwindLa classe Tailwind la plus proche pour n'importe quelle couleur HEX Convertisseur de couleursHEX ↔ RGB ↔ HSL ↔ CMYK instantanément, avec copie du code Couleur par nomTrouvez HEX par nom — «terracotta», «indigo», «azur» Filtre CSS pour SVGRecolorisez des icônes SVG avec n'importe quelle couleur via CSS Palettes de couleursPalettes prêtes par thème — cliquez pour copier le HEX