Explosion Tools

Generateur de Degrade CSS

Creez de superbes degrades CSS avec un editeur visuel et copiez le code. Gratuit, sans inscription, fonctionne dans votre navigateur.

0%
100%
background: linear-gradient(90deg, #667eea 0%, #764ba2 100%);

All gradients are generated in your browser. No data is sent to any server.

À propos de Generateur de Degrade CSS

Ce generateur de degrade vous offre un editeur visuel pour creer des degrades CSS lineaires, radiaux et coniques avec plusieurs arrets de couleur. Faites glisser les arrets sur la barre, choisissez les couleurs, definissez les angles et previsualisez le resultat en temps reel. Quand le degrade vous convient, copiez le code CSS genere et collez-le directement dans votre feuille de style.

Questions fréquentes

Comment creer un degrade CSS ?
Choisissez un type de degrade (lineaire, radial ou conique), ajoutez des arrets de couleur en cliquant sur la barre, ajustez les couleurs et positions, puis copiez le code CSS genere. L'apercu se met a jour en temps reel.
Quels types de degrade sont pris en charge ?
Les degrades lineaires (avec angle ajustable), les degrades radiaux (cercle ou ellipse) et les degrades coniques (effet roue chromatique). Chaque type produit du code CSS valide.
Peut-on ajouter plus de deux couleurs ?
Oui. Vous pouvez ajouter jusqu'a 10 arrets de couleur. Cliquez sur la barre de degrade pour ajouter un nouvel arret, ou utilisez le bouton « + ». Faites glisser les arrets pour ajuster leur position.
Comment utiliser le code CSS genere ?
Cliquez sur « Copier CSS » pour copier le code du degrade. Collez-le comme propriete background dans votre CSS, par exemple : background: linear-gradient(90deg, #ff0000, #0000ff);

Outils similaires

Hex to RGB Converter

Convert hex color codes to RGB, HSL, and more

Image Color Picker

Upload an image and click to extract color codes

RGB to HSL Converter

Convert RGB color values to HSL format

Color Contrast Checker

Check WCAG color contrast ratios for accessibility compliance

Analogous Color Finder

Find analogous colors for any hex code. Generate harmonious color palettes using adjacent hues on the color wheel.

Triadic Color Generator

Generate triadic color schemes from any hex code. Three colors evenly spaced at 120° on the color wheel.

Color Mixer

Mix two colors together at any ratio. See the blended result with hex, RGB, and HSL values plus a full gradient preview.