Générateur de dégradé CSS
Outil de développementNouveauConcevez des dégradés CSS et copiez le code en un clic.
Cet outil s'exécute entièrement dans votre navigateur. Vos fichiers ne quittent jamais votre appareil — rien n'est envoyé.
Gradient
Used for linear gradients.
background: linear-gradient(90deg, #ff7a18 0%, #1d2330 100%);
Questions fréquentes
Comment utiliser le Générateur de dégradé CSS ?
Choisissez une couleur de départ et une couleur de fin, sélectionnez le type linéaire ou radial et ajustez l'angle en degrés. Le cadre d'aperçu se met à jour en direct et affiche une déclaration « background: » prête à coller que vous pouvez copier en un clic.
Mes données sont-elles envoyées quelque part lors de la génération d'un dégradé ?
Non. Tout s'exécute entièrement dans votre navigateur en JavaScript pur : ni les couleurs, ni les réglages, ni le CSS généré ne sont jamais transmis à un serveur. C'est totalement privé et il fonctionne hors ligne une fois la page chargée.
Quelle est la différence entre un dégradé linéaire et un dégradé radial ?
Un dégradé linéaire mélange les couleurs le long d'une ligne droite dont vous contrôlez la direction avec l'angle (par exemple, 90deg va de gauche à droite). Un dégradé radial mélange vers l'extérieur depuis un point central en cercle, c'est pourquoi le champ d'angle est désactivé pour ce type.