Générateur de dégradés CSS
Créez des dégradés CSS linéaires, radiaux et coniques avec plusieurs arrêts de couleur et copiez le code.
background: —;
Tout s'exécute dans votre navigateur — aucun envoi, aucune inscription.
À propos de Générateur de dégradés CSS
Le générateur de dégradés CSS crée des dégradés linéaires, radiaux et coniques avec un contrôle visuel complet. Ajoutez des points de couleur en cliquant sur la barre de dégradé, faites-les glisser pour les repositionner, et donnez à chaque point sa propre couleur, opacité et position. Les dégradés linéaires reçoivent un contrôle d'angle; les radiaux une forme (cercle ou ellipse) et une position; les coniques un angle de départ.
L'aperçu en direct montre exactement ce que le navigateur rendra, et un bouton aléatoire ainsi qu'une sélection de préréglages soignés sont là quand vous avez besoin d'un point de départ plutôt que d'une page blanche. Les points peuvent être ajoutés et supprimés librement — un dégradé nécessite simplement au moins deux points.
Une fois le rendu satisfaisant, copiez la valeur de dégradé brute ou une règle CSS complète. Le générateur fonctionne entièrement dans votre navigateur, sans téléversement ni inscription, ce qui en fait un compagnon rapide pour les boutons, arrière-plans de héros, bordures et effets de texte.
Comment utiliser Générateur de dégradés CSS
- Choisissez le type de dégradé: linéaire, radial ou conique.
- Réglez l'angle (linéaire), la forme et la position (radial), ou l'angle de départ (conique).
- Cliquez sur la barre de dégradé pour ajouter des points de couleur et faites-les glisser en position.
- Donnez à chaque point sa couleur, son opacité et sa position exacte.
- Essayez les préréglages ou le bouton aléatoire pour une inspiration rapide.
- Copiez la valeur de dégradé ou la règle CSS complète.