Qu'est-ce que Générateur de dégradés ?

Un créateur visuel de dégradés CSS qui vous permet de concevoir des dégradés linéaires, radiaux et coniques avec un nombre illimité de points de couleur. Ajustez les angles, les positions et les couleurs en temps réel, puis copiez le CSS prêt à l'emploi en un seul clic.

Comment utiliser

1. Étape 1 — Choisissez le type de dégradé (linéaire, radial ou conique) et définissez la direction ou l'angle à l'aide du curseur ou des boutons prédéfinis.
2. Étape 2 — Ajoutez des points de couleur en cliquant sur la barre de dégradé. Ajustez la couleur et la position de chaque point par glisser-déposer ou en saisissant des valeurs précises.
3. Étape 3 — Prévisualisez le dégradé en direct, puis copiez le code CSS généré dans votre presse-papiers ou téléchargez-le sous forme de fichier CSS.

Résultat

Un web designer a besoin d'un arrière-plan hero aux tons coucher de soleil. Il sélectionne un dégradé linéaire à 135°, place un point orange à 0%, un point rose à 50% et un point violet à 100% — puis copie le CSS directement dans sa feuille de styles.

Outils similaires