OUTIL GRATUIT · SUR VOTRE APPAREIL
Générateur de dégradés CSS et PNG gratuit
Créez un dégradé pour un site web, un fond d’écran ou une présentation. Vous choisissez le type, l’angle et de 2 à 8 couleurs avec leur position, et voyez le résultat aussitôt. Copiez le CSS ou téléchargez-le en PNG aux tailles ordinateur, mobile ou personnalisée.
- Gratuit avec un compte
- CSS prêt à coller
- PNG jusqu’à 4K ou taille personnalisée
- Choisissez un exemple ou un type
- Ajuster les couleurs
- Copiez le CSS ou téléchargez le PNG
COMMENT L'UTILISER
Trois étapes.
Choisissez un exemple ou un type
Partez d’un exemple ou choisissez un dégradé linéaire, radial ou conique avec son angle ou son centre.
Ajuster les couleurs
Ajoutez jusqu’à 8 couleurs, déplacez leur position, répartissez-les ou inversez-les. L’aperçu change aussitôt.
Copiez le CSS ou téléchargez le PNG
Copiez le code dans votre feuille de style, ou choisissez une taille et cliquez sur « Télécharger le PNG ».
ÉTAPE SUIVANTE
Continuez avec ces outils
Générateur de dégradés : questions fréquentes
Le CSS fonctionne-t-il dans tous les navigateurs ?
Les dégradés linéaires et radiaux fonctionnent dans tous les navigateurs actuels ; les coniques, dans les versions de Chrome, Edge, Firefox et Safari de ces dernières années.
À quoi sert le grain fin ?
Modifie chaque point du PNG d’un niveau vers le haut ou le bas pour que les dégradés doux ne fassent pas d’escaliers sur les grands écrans. Le CSS ne change pas.
Quelle taille peut faire le PNG ?
Il y a des tailles pour ordinateur, 4K, mobile, carré et bannière, ou n’importe laquelle que vous saisissez, jusqu’à 10 000 px de côté et 40 mégapixels.
Mes images sont-elles envoyées à un serveur ?
Non. L'outil s'exécute dans votre navigateur : les fichiers sont lus et traités sur votre appareil et ne sont envoyés ni à Cocuyo ni à un tiers. Vous pouvez le vérifier dans les outils réseau de votre navigateur : votre fichier n'est pas envoyé.
Est-ce vraiment gratuit ?
Oui. Vous pouvez l’essayer avant de vous inscrire ; pour continuer à l’utiliser, nous vous demandons un compte gratuit, sans abonnement. Il n’utilise aucun crédit et ne compte pas dans vos 30 utilisations de bienvenue : son usage est sans limite.
PLUS D'OUTILS GRATUITS
Autres outils d'image
Tous les outils gratuits
QUAND VOUS VOULEZ CRÉER
Créez de nouvelles images avec l'IA.
Le Studio de Cocuyo réunit plus de 30 modèles IA d’image, de vidéo et de voix. Vous voyez le coût en crédits avant de générer, et les crédits n’expirent jamais.