Générateur de gradient CSS

Créez des gradients CSS linéaires ou radiaux et copiez le code prêt à être utilisé.

background: linear-gradient(135deg, #2563EB, #A855F7);

Comment ça marche

Sélectionnez le type de gradient, deux couleurs et, pour les gradients linéaires, l'angle. L'aperçu et le code CSS sont automatiquement mis à jour.

Questions fréquentes

Puis-je créer des dégradés radiaux ?

Oui. Vous pouvez alterner entre gradient linéaire et radial.

Puis-je copier la valeur CSS directement ?

Oui. Le bouton Copier le CSS copie la déclaration background complète.