La plupart des outils de dégradé se contentent de vous donner une ligne de CSS. Celui-ci dessine le dégradé sur un vrai canvas et vous permet de télécharger le PNG final à la taille exacte en pixels dont vous avez besoin : un fond d'écran de téléphone, un arrière-plan de bureau en 1920x1080, une publication carrée pour les réseaux sociaux ou une dimension personnalisée. Rien n'est envoyé sur un serveur : l'image est dessinée et enregistrée entièrement sur votre appareil, vos couleurs et vos fichiers restent donc privés.
Générateur de Dégradé Gratuit
Fonctionne entièrement dans votre navigateur : aucun envoi, aucune inscription.
Type
Taille de l'image
px
Points d'arrêt de couleur
Enregistre un vrai PNG en 1920×1080 px
Qu'est-ce qu'un générateur de dégradé ?
Un générateur de dégradé est un outil qui mélange deux couleurs ou plus en une transition douce et l'exporte sous forme d'image téléchargeable. Choisissez vos couleurs et leurs points d'arrêt, optez pour un dégradé linéaire ou radial, définissez la taille et enregistrez un PNG pour un fond d'écran, un arrière-plan, une bannière ou une miniature. Tout se passe directement dans votre navigateur.
Comment l’utiliser
- 1Choisissez linéaire ou radial. Le dégradé linéaire mélange les couleurs le long d'une ligne droite selon l'angle que vous réglez ; le radial les diffuse vers l'extérieur depuis le centre, en cercle.
- 2Définissez vos couleurs et vos points d'arrêt. Cliquez sur une pastille pour choisir une couleur et faites glisser son curseur pour déplacer le point d'arrêt. Ajoutez jusqu'à 8 points d'arrêt ou réduisez-en jusqu'à 2, et cliquez sur Aléatoire pour une idée rapide.
- 3Choisissez la taille de l'image. Touchez un préréglage (bureau, mobile, carré, réseaux sociaux) ou saisissez une largeur et une hauteur personnalisées en pixels. L'aperçu se met à jour en direct.
- 4Téléchargez le PNG. Cliquez sur Télécharger le PNG pour enregistrer le dégradé en image à pleine résolution, ou copiez le CSS pour réutiliser le même dégradé dans votre code.
Pour qui
- Designers et créateurs de contenu qui ont besoin d'une image de fond en dégradé propre pour une diapositive, une miniature, une bannière ou une story sans ouvrir Photoshop.
- Utilisateurs de mobile et de bureau qui veulent un fond d'écran en dégradé personnalisé à la résolution exacte de leur écran.
- Développeurs qui veulent un PNG de dégradé léger en guise de placeholder ou d'image d'en-tête, avec le CSS équivalent pour le reproduire dans le code.
- Community managers qui exportent des arrière-plans en dégradé aux couleurs de leur marque, aux bonnes dimensions pour les publications, stories et photos de couverture.
Questions fréquentes
Ce générateur de dégradé est-il gratuit ?
Oui, 100% gratuit, sans inscription, sans filigrane et sans limite. Créez et téléchargez autant d'images en dégradé que vous voulez.
Quelque chose est-il envoyé sur un serveur ?
Non. Le dégradé est dessiné et enregistré entièrement dans votre navigateur grâce au canvas. Aucune couleur, image ou donnée d'usage n'est envoyée où que ce soit.
Dans quel format d'image l'outil exporte-t-il ?
Il exporte en PNG, ce qui garde le dégradé parfaitement lisse et sans perte, sans artefacts de compression. Le fichier est enregistré à la taille en pixels que vous avez définie, prêt à servir de fond d'écran, d'arrière-plan ou à être mis en ligne.
Quelle taille choisir pour un fond d'écran en dégradé ?
Adaptez-la à votre écran. Les choix les plus courants sont 1920x1080 pour la plupart des ordinateurs de bureau, 1080x1920 pour un téléphone en mode portrait, et 1080x1080 pour une publication carrée sur les réseaux sociaux. Vous pouvez aussi saisir n'importe quelle largeur et hauteur personnalisées jusqu'à 8000 pixels.
Quelle est la différence entre un dégradé linéaire et un dégradé radial ?
Un dégradé linéaire mélange les couleurs le long d'une ligne droite selon l'angle choisi, la couleur évolue donc à travers l'image. Un dégradé radial part d'un point central et se diffuse vers l'extérieur en cercle, la couleur change donc du centre vers les bords.
Puis-je aussi récupérer le CSS en plus de l'image ?
Oui. En plus du PNG téléchargeable, l'outil affiche le CSS background-image correspondant. Copiez-le pour reproduire exactement le même dégradé sur un site ou une application, au lieu d'utiliser le fichier image.
Comment fonctionnent les points d'arrêt de couleur ?
Chaque point d'arrêt associe une couleur à une position de 0% à 100% le long du dégradé. Le mélange se fait en douceur entre les points d'arrêt voisins. Placer deux points d'arrêt à la même position crée une transition nette au lieu d'un fondu, ce qui est pratique pour des rayures ou des arrière-plans en blocs de couleur.