Concevez de superbes dégradés et exportez-les sous forme de CSS ou d'images
Choisissez des couleurs, ajoutez des arrêts et ajustez l'angle ou le point central pour créer le dégradé exact dont vous avez besoin. L'outil prend en charge les dégradés linéaires, radiaux et coniques avec des arrêts de couleur illimités. Copiez le code CSS de votre feuille de style ou téléchargez le dégradé au format PNG haute résolution pour l'utiliser dans des projets de conception.
Utilisez cet outil gratuitementCaractéristiques
Trois types de dégradés
Créez des dégradés linéaires avec n'importe quel angle, des dégradés radiaux avec un centre et une forme réglables ou des dégradés coniques qui balayent autour d'un point. Basculez entre les types et les mises à jour d’aperçu instantanément.
Arrêts de couleur illimités
Ajoutez autant d’arrêts de couleur que nécessaire le long de la barre de dégradé. Faites glisser les arrêts pour les repositionner, double-cliquez pour changer la couleur ou cliquez avec le bouton droit pour les supprimer. Chaque arrêt prend en charge l'opacité pour les dégradés semi-transparents.
Sortie du code CSS
L'outil génère un code d'image d'arrière-plan CSS valide avec les préfixes du fournisseur. Copiez le code et collez-le directement dans votre feuille de style. La sortie est mise à jour en temps réel à mesure que vous modifiez le dégradé.
Exportation d'images PNG
Téléchargez le dégradé au format PNG dans n'importe quelle résolution - des vignettes de 100 px aux bannières de 4 000 px. Utilisez l'image comme arrière-plan, superposition ou élément de conception dans des outils qui ne prennent pas en charge les dégradés CSS.
Comment utiliser
Choisissez le type de dégradé
Sélectionnez linéaire, radial ou conique. Pour linéaire, définissez l'angle ; pour radial, définissez le point central et la forme.
Ajouter et ajuster les couleurs
Cliquez sur la barre de dégradé pour ajouter des arrêts de couleur. Faites glisser pour repositionner, double-cliquez pour changer la couleur et ajustez l'opacité pour chaque arrêt.
Copiez CSS ou téléchargez
Copiez le code CSS généré pour une utilisation sur le Web ou définissez une résolution et téléchargez le dégradé sous forme d'image PNG.
Caractéristiques
| Types de dégradés | Linéaire, radial, conique |
| La couleur s'arrête | Illimité |
| Plage d'angles | 0–360° |
| Sortie CSS | Préfixes standard + fournisseur |
| Exportation PNG | Jusqu'à 4 000 × 4 000 px |
| Traitement | Côté client (instantané) |
Related Magic Eraser Tools
Questions courantes
Puis-je créer un dégradé avec transparence ?
+
Oui. Chaque arrêt de couleur possède un curseur d'opacité. Réglez l'opacité en dessous de 100 % pour créer des zones semi-transparentes dans le dégradé. La sortie CSS utilise les valeurs rgba et l'export PNG préserve le canal alpha.
Qu'est-ce qu'un dégradé conique ?
+
Un dégradé conique rayonne des arrêts de couleur autour d’un point central, comme le mouvement d’une aiguille d’horloge. Il est utile pour les effets de style camembert, les roues chromatiques et les arrière-plans décoratifs. La prise en charge du navigateur est excellente dans les navigateurs modernes.
Puis-je utiliser le CSS généré dans n’importe quel framework ?
+
Oui. Le résultat est un CSS standard qui fonctionne en HTML simple, React, Vue, Tailwind et tout autre framework prenant en charge le CSS en ligne ou basé sur une feuille de style.
Besoin d'un dégradé sur une photo ?
AI Enhance peut ajuster la tonalité de couleur et l'éclairage de vos photos, et notre outil de superposition d'images vous permet de mélanger un dégradé sur n'importe quelle image pour un look soigné.
Essayez-le gratuitementMore free tools
Explore our other limited free edits after sign-in photo and image tools.
Redimensionnez les images aux dimensions exactes en pixels pour les réseaux sociaux, le Web et l'impression. Aucune inscription requise. Prend en charge JPEG, PNG et WebP jusqu'à 50 Mo.
Compressez les images JPEG, PNG et WebP jusqu'à 80 % avec une perte de qualité visible minimale. Ajustez le curseur de qualité pour un contrôle total. Aucune inscription nécessaire.
Convertissez instantanément les images PNG au format JPEG. Ajustez la qualité de sortie, choisissez une couleur d’arrière-plan pour les zones transparentes et téléchargez – aucune inscription requise.
Convertissez les images JPEG au format PNG pour une qualité sans perte et une prise en charge de la transparence. Idéal avant la suppression de l’arrière-plan. Aucune inscription ou installation requise.
Convertissez les photos Apple HEIC et HEIF au format JPEG universellement compatible. Fonctionne dans le navigateur : pas d'installation d'application, pas d'inscription, pas de téléchargement de fichiers sur un serveur.
Convertissez les fichiers JPEG et PNG en WebP pour un chargement de page plus rapide, ou reconvertissez WebP en JPEG/PNG pour plus de compatibilité. Aucune inscription, aucune installation, s'exécute dans le navigateur.