What types of gradients can I create?

You can create both static gradients (linear and radial) for CSS/PNG export, and fluid animated gradients using Three.js for video export.

Can I export gradients as CSS code?

Yes, static gradients can be exported as CSS, Tailwind CSS, or PNG images. Fluid gradients can be exported as videos or static images.

Is the gradient generator free?

Yes, all gradient tools are completely free to use with no limitations or registration required.

Générateur de dégradés - Outil de création de dégradés en ligne gratuit

Créez de magnifiques dégradés CSS et exportez-les sous forme d’images PNG. Des dégradés statiques aux animations fluides basées sur Three.js, le tout est entièrement gratuit.

Choisissez votre outil de dégradé

Sélectionnez le type de dégradé dont vous avez besoin

Dégradé CSS

Créez des dégradés CSS linéaires ou radiaux et exportez-les au format PNG ou CSS.

Démarrer le dégradé CSS

Dégradé de maillage

Créez des dégradés de maillage complexes avec des points de contrôle glissables et exportez-les.

Démarrer le dégradé de maillage

Découvrir d’autres outils rapides

Découpe d’images Convertisseur d’images Redimensionneur d’images Générateur de maquettes Générateur de favicons

Pourquoi choisir notre générateur de dégradés ?

Créez de beaux dégradés CSS, fluides ou en maillage avec un aperçu instantané et des options d'exportation.

Aperçu instantané

Visualisez les changements en direct pendant que vous modifiez les couleurs et les formes.

Formats multiples

Exportez au format CSS, Tailwind, PNG, vidéo ou données de maillage.

Gratuit et ouvert

Tous les outils sont entièrement gratuits, aucune inscription n’est requise.

Exportation haute résolution

Exportez des PNG nets ou des vidéos de haute qualité pour tout type d’utilisation.

Comment créer un dégradé

Suivez ces étapes pour concevoir et exporter votre dégradé.

1
Choisir le type
Sélectionnez un dégradé CSS, Fluid ou Maillage.
2
Modifier les couleurs
Ajoutez, faites glisser et ajustez les points d'arrêt de couleur ou les points de maillage.
3
Configurer les paramètres
Définissez l’angle, la vitesse, l’intensité ou la résolution selon les besoins.
4
Exporter
Téléchargez un fichier PNG, copiez le CSS/Tailwind ou exportez une vidéo.

Cas d’utilisation

Conception Web

Générez des dégradés d'arrière-plan pour les sites web ou les composants d'interface utilisateur.

Réseaux Sociaux

Créez des graphismes accrocheurs pour les publications et les stories.

Présentations

Ajoutez des diapositives dégradées vibrantes à vos présentations et PDF.

Branding

Concevez des palettes de dégradés personnalisées pour l'identité de votre marque.

Foire aux questions

L'outil fonctionne-t-il hors ligne ?

Toutes les générations s'effectuent dans votre navigateur ; aucune donnée n'est envoyée à un serveur.

Quels formats d'exportation sont disponibles ?

CSS, Tailwind, PNG, vidéo MP4 et JSON maillé.

Puis-je enregistrer mon travail ?

Vous pouvez télécharger le JSON du dégradé pour le recharger ultérieurement.