Générateur de dégradé CSS
색상 정지점
0%
100%
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); Dernière mise à jour : 2026 · Outil en ligne gratuit
Qu'est-ce que Générateur de dégradé CSS ?
Éditeur visuel en ligne gratuit pour créer des dégradés CSS et copier le code
Comment utiliser
- 1 Sélectionner le type — Choisissez le type de dégradé (linéaire, radial, conique).
- 2 Ajuster les points de couleur — Ajustez la couleur et la position de chaque point de couleur.
- 3 Aperçu — Vérifiez le résultat en temps réel dans l'aperçu.
- 4 Copier le code CSS — Copiez le code CSS dans le presse-papiers avec le bouton 'Copier'.
Outils associés
Générateur CSS box-shadow Éditeur visuel en ligne gratuit pour créer des CSS box-shadow et copier le code
Générateur CSS border-radius Éditeur CSS border-radius en ligne gratuit avec 8 poignées de contrôle
Convertisseur de couleurs Outil gratuit en ligne pour convertir entre les codes couleur HEX, RGB, HSL, OKLCH avec ratio de contraste WCAG
Questions fréquentes
Il n'y a pas de limite, mais 2 à 6 est typique. Trop peuvent affecter les performances.
Oui. Activez la case à cocher 'Répéter' pour ajouter le préfixe repeating.
Cinq préréglages sont fournis : Sunset, Ocean, Forest, Midnight et Rainbow.
Actuellement, seul le CSS pur est produit. La conversion Tailwind est prévue pour une mise à jour future.
Non. Tout le traitement se fait dans le navigateur.