Générateurs d'arrière-plans

Générateur de fonds dégradés

Le Générateur de fonds dégradés vous permet de créer des mélanges de couleurs personnalisés et de les télécharger sous forme d’images de fond ou de fonds d’écran. Ajustez le dégradé et la taille de l’image selon votre écran ou votre projet.

Générateur de fonds dégradés

Dans votre navigateur

Générer une image localement

Des points de couleur à la même position créent volontairement des bords nets. Canvas et CSS peuvent différer aux bords.

Petit aperçu ; l’image complète est générée au téléchargement. Jusqu’à 33 177 600 pixels (bruit : 8 294 400). La 8K dépend de l’appareil. JPEG/WebP peuvent modifier les pixels.

Réglages de l’image
Dégradé
Points du dégradé

Les points à position identique créent des bords nets. Le CSS décrit uniquement le dégradé de base, sans motifs, texte ni formes.

F : plein écran · R : réinitialiser · Espace : démarrer/pauser hors des champs. Échap quitte le plein écran. Touchez la scène ou appuyez sur Tab pour les commandes de sortie masquables.

Activez JavaScript pour ces commandes locales.

Les designers, les étudiants et tous ceux qui créent un fond d’écran peuvent utiliser les commandes pour façonner un dégradé avant de l’exporter. L’image est générée localement dans votre navigateur : vous pouvez donc créer un fichier sans téléverser vos choix de couleurs ailleurs.

Comment utiliser le Générateur de fonds dégradés

  1. Choisissez un type de fond : uni, linéaire ou radial. Définissez la couleur principale, puis ajoutez ou supprimez des points de dégradé pour créer le mélange souhaité.
  2. Pour un dégradé linéaire, réglez l’angle du dégradé (degrés). Utilisez la graine aléatoire et le préréglage de dégradé (Mer ou Crépuscule), puis sélectionnez Générer à partir de la graine pour créer une variation déterminée par la graine. Des points placés à la même position créent volontairement des bordures nettes.
  3. Choisissez un préréglage de résolution de sortie, par exemple 1920x1080, 1080x1080 ou 1080x1920. Sélectionnez Personnalisée pour saisir vous-même la largeur de sortie (pixels) et la hauteur de sortie (pixels).
  4. Sélectionnez PNG, JPG ou WEBP dans Format de l’image. L’aperçu est de petite taille ; sélectionnez Télécharger l’image pour générer et télécharger le fichier en pleine résolution.
  5. Sélectionnez Copier le CSS du dégradé de base si vous avez besoin du CSS correspondant. Utilisez Plein écran pour agrandir la scène, Masquer les commandes pour les faire disparaître ou Réinitialiser pour recommencer. Appuyez sur F pour passer en plein écran, sur R pour réinitialiser et sur Échap pour quitter le plein écran.

Quand l’utiliser

  • Créer un fond d’écran pour ordinateur : choisissez une résolution grand écran, par exemple 1920x1080 ou 3840x2160, adaptée aux formats d’affichage courants.
  • Créer un fond pour téléphone : choisissez le format portrait 1080x1920 pour une composition verticale.
  • Préparer un fond graphique carré : sélectionnez 1080x1080 pour obtenir une toile carrée.
  • Tester des associations de couleurs : ajustez la couleur principale et les points de dégradé avant le téléchargement, plutôt que de modifier plusieurs fois les fichiers exportés.
  • Créer un fond avec une démarcation nette entre les couleurs : placez des points à la même position pour obtenir volontairement une bordure nette.
  • Partir d’un point de départ familier : choisissez Mer ou Crépuscule comme préréglage de dégradé, puis générez une variation à partir d’une graine.
  • Ajouter un dégradé à une conception Web : copiez le CSS du dégradé de base pour commencer à définir le style d’arrière-plan.

Conseils pour créer de meilleurs fonds dégradés

Choisissez le format de sortie avant d’affiner les couleurs : un dégradé qui semble équilibré dans un aperçu large peut donner une impression différente dans une image portrait ou carrée. Si vous avez une taille de toile précise en tête, choisissez Personnalisée et saisissez sa largeur et sa hauteur.

ParamètreEffet
Angle du dégradé (degrés)Définit la direction d’un dégradé linéaire.
Points de dégradéPermettent de contrôler les couleurs et les transitions du mélange ; des points placés à la même position créent une bordure nette.
Format de l’imageLes formats PNG, JPG et WEBP sont disponibles. JPG et WEBP peuvent modifier les valeurs des pixels.
Résolution de sortieDéfinit les dimensions de l’image téléchargée. La résolution 8K dépend de l’appareil.

L’aperçu n’est qu’une petite représentation : l’image complète est générée lorsque vous sélectionnez Télécharger l’image. Pour une intégration CSS, n’oubliez pas que Copier le CSS du dégradé de base ne décrit que le dégradé de base, et non les motifs, le texte ou les formes supplémentaires.

Limites à prendre en compte

Le Générateur de fonds dégradés crée une image téléchargeable, mais ne garantit pas que le résultat s’affichera à l’identique sur tous les écrans et dans tous les navigateurs. Le rendu du canevas et celui du CSS peuvent différer au niveau des bordures, en particulier autour des points d’arrêt nets. JPG et WEBP peuvent également modifier les valeurs des pixels ; choisissez donc PNG si leur conservation exacte est importante.

La sortie maximale est de 33 177 600 pixels, et les très grandes exportations peuvent dépendre de votre appareil ; la résolution 8K n’est pas garantie sur tous les appareils. Si un téléchargement volumineux est lent ou échoue, choisissez une résolution inférieure ou saisissez des dimensions personnalisées plus petites. Pour les travaux exigeant une grande fidélité des couleurs, vérifiez l’image exportée dans le logiciel prévu et sur l’écran cible.

Questions fréquentes

Comment créer un dégradé linéaire ou radial ?

Choisissez Linéaire ou Radial comme type de fond, puis ajustez les points de couleur. Pour un dégradé linéaire, réglez l’angle du dégradé (degrés) afin d’en modifier la direction.

Puis-je télécharger un fond dégradé de taille personnalisée ?

Oui. Choisissez Personnalisée dans Résolution de sortie, puis saisissez la largeur de sortie (pixels) et la hauteur de sortie (pixels), dans la limite de pixels affichée.

Quels formats d’image puis-je télécharger ?

Choisissez PNG, JPG ou WEBP dans Format de l’image. JPG et WEBP peuvent modifier les valeurs des pixels.

Pourquoi mon dégradé présente-t-il une bordure nette ?

Les points de dégradé placés à la même position créent volontairement une bordure nette. Déplacez-les à des positions différentes pour obtenir une transition progressive.

Pourquoi le dégradé CSS diffère-t-il de l’image téléchargée ?

Le rendu du canevas et celui du CSS peuvent différer au niveau des bordures. Copier le CSS du dégradé de base décrit uniquement le dégradé de base, tandis que l’image téléchargée est générée à partir des paramètres sélectionnés.

Mon image de dégradé est-elle téléversée ?

Non. L’image est générée localement dans votre navigateur, puis téléchargée depuis celui-ci.

Outils associés

Générateurs d'arrière-plans

Générateur de fonds unis

Le Générateur de fonds unis crée des images unies téléchargeables dans la taille et le format de votre choix. Utilisez-le pour créer un fond d’écran épuré, un arrière-plan de présentation ou un élément graphique dans une couleur précise.

Ouvrir l’outil du navigateur

Générateurs d'arrière-plans

Générateur de fonds à motifs

Le générateur de fonds à motifs crée des arrière-plans répétitifs pour des fonds d’écran, des en-têtes et d’autres créations. Choisissez un motif, des couleurs, un espacement et une taille de sortie, puis téléchargez l’image.

Ouvrir l’outil du navigateur

Générateurs d'arrière-plans

Créateur de fonds d’écran

Le Créateur de fonds d’écran vous permet de créer une image téléchargeable avec un fond uni ou dégradé, un motif facultatif, du texte et des cercles décoratifs. Définissez ses dimensions et son format pour un ordinateur, un téléphone ou un autre écran.

Ouvrir l’outil du navigateur

Générateurs d'arrière-plans

Générateur de fonds bruités

Le Générateur de fonds bruités crée des fonds granuleux monochromes ou colorés à télécharger, avec des réglages personnalisables. Créez une texture ou un papier peint aux dimensions de votre choix.

Ouvrir l’outil du navigateur

Écrans couleur

Écran blanc

L’écran blanc remplit votre écran d’un fond blanc uni pour repérer les traces, apporter une lumière douce aux appels vidéo, décalquer ou créer un arrière-plan épuré.

Ouvrir l’écran de couleur

Tests de moniteur

Test des pixels morts

Le test des pixels morts affiche des aplats de couleur pour vous aider à repérer visuellement les sous-pixels sombres, lumineux ou inhabituels sur un écran, un ordinateur portable ou un téléphone. Utilisez-le pour effectuer une vérification rapide avant d’acheter un écran ou pendant la période de retour.

Ouvrir l’outil du navigateur