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 ?
Générateur de dégradé CSS visuel gratuit : créez des dégradés linéaires, radiaux et coniques, ajustez les points de couleur et l'angle, puis copiez le code CSS prêt à l'emploi.
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 Générateur CSS box-shadow gratuit en ligne avec contrôles pour décalage, flou, étalement, couleur et inset, offrant un aperçu en direct de l'ombre et produisant un code CSS box-shadow prêt à copier.
Générateur CSS border-radius Générateur CSS border-radius gratuit en ligne avec huit poignées d'angle indépendantes et curseurs, offrant un aperçu en direct de la forme arrondie et produisant un code CSS border-radius prêt à copier.
Convertisseur de couleurs Convertisseur de couleurs gratuit en ligne qui traduit instantanément entre les codes HEX, RGB, HSL et OKLCH et calcule le ratio de contraste WCAG entre deux couleurs pour vérifier l'accessibilité.
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.