Softonic

Générateur de dégradés en maillage

Créez un fond multicolore fluide à partir de 4, 6 ou 9 points mobiles. Choisissez chaque couleur, déplacez les points sur le canevas, essayez une palette aléatoire préparée avec soin, puis exportez le résultat en SVG ou en PNG. Vous pouvez aussi copier une approximation CSS composée de dégradés radiaux superposés. Votre projet reste dans cet onglet pendant votre travail.

Créer un dégradé à l'aspect maillé

  1. 1

    Choisissez la grille

    Commencez avec 4, 6 ou 9 points de contrôle. Plus il y a de points, plus les zones colorées sont nombreuses.

  2. 2

    Choisissez les couleurs

    Utilisez le sélecteur de chaque point. L'éditeur conserve des couleurs HEX à six chiffres.

  3. 3

    Déplacez les points

    Faites glisser un point, saisissez sa position horizontale et verticale ou utilisez les touches fléchées.

  4. 4

    Choisissez le format

    Sélectionnez un format paysage, panoramique ou carré pour les fichiers SVG et PNG.

  5. 5

    Exportez la création

    Téléchargez le PNG ou le SVG, ou copiez l'approximation CSS en dégradés radiaux.

Rendu des trois formats

  • PNG utilise le même mélange pondéré par la distance que l’aperçu. Si le format choisi a un autre rapport, les mêmes positions relatives sont adaptées aux nouvelles dimensions.
  • SVG superpose des dégradés radiaux aux mêmes points de contrôle et reste net lorsqu’il est agrandi.
  • CSS crée une couche radial-gradient() par point sur une couleur de fond, sans fichier image séparé.

SVG et CSS utilisent les mêmes données, mais restent des approximations légères d’un maillage. Leurs pixels ne sont pas identiques à ceux du PNG.

Conseils pour la palette

  • Des teintes proches produisent généralement des transitions douces.
  • Des teintes opposées accentuent les limites entre les zones.
  • Les palettes aléatoires sont des points de départ, pas des garanties de lisibilité.
  • Vérifiez le contraste du texte, des icônes et des commandes placés sur le fond final.

Positionner les points

Faites glisser un point numéroté dans l’aperçu, ou placez-y le focus et utilisez les flèches. Maintenez Maj pour le déplacer de cinq points de pourcentage. Les champs horizontal et vertical permettent aussi une saisie précise.

Les points peuvent atteindre le bord. En regroupant plusieurs points, vous concentrez leurs couleurs dans une zone. En les espaçant, vous donnez davantage de place à chaque couleur.

Utilisations courantes

  • Fonds de bandeaux et séparateurs de sections.
  • Visuels pour les réseaux sociaux et miniatures vidéo.
  • Arrière-plans de présentations et d’illustrations.
  • Écrans d’accueil et panneaux décoratifs.

Le PNG est le plus proche de l’aperçu. Choisissez SVG pour un agrandissement net, ou CSS pour un fond modifiable sans fichier image.

Confidentialité et stockage

Les couleurs, les positions et la résolution restent dans la mémoire du navigateur et dans sessionStorage. Elles ne sont ajoutées ni aux URL du parcours, ni à l’état côté serveur. L’outil peut noter qu’une exportation a eu lieu sans enregistrer les valeurs du projet.

Le projet peut être restauré depuis sessionStorage pendant six heures au maximum tant que l’onglet reste ouvert. Sa fermeture le supprime généralement plus tôt. Téléchargez ou copiez donc ce que vous souhaitez garder.

Questions fréquentes

Ils reposent sur des méthodes distinctes. Le PNG mélange les pixels selon la distance, tandis que le SVG et le CSS superposent des dégradés radiaux. Les couleurs et positions sont communes, mais pas chaque pixel.

Oui. Faites-le glisser, utilisez ses champs de position ou placez-y le focus et appuyez sur les flèches. Maintenez Maj pour des pas plus grands.

L’éditeur conserve les couleurs sous forme HEX à six chiffres. Utilisez le sélecteur ou convertissez d’abord la couleur RGB ou HSL en HEX.

Non. Le CSS copié reproduit l’effet en empilant plusieurs dégradés radiaux standard.

Il peut être restauré depuis sessionStorage pendant six heures au maximum dans l’onglet actuel. La fermeture de l’onglet le supprime généralement plus tôt. Le projet ne passe ni par nos serveurs ni par les URL du parcours.

Outils similaires

Référence de la table ASCII

Table ASCII complète de 0 à 127 avec décimal, hexadécimal, octal, binaire et référence numérique HTML pour chaque caractère, y compris les codes de contrôle comme NUL, LF et DEL.

Générateur de lettres aléatoires

Générez des lettres A-Z aléatoires. Choisissez le nombre, les majuscules, les minuscules ou le mélange, puis utilisez le résultat pour des jeux ou la classe.

Générateur de palettes de couleurs aléatoires

Générez des palettes aléatoires de 2 à 15 couleurs, choisissez un style vif, pastel, sourd ou sombre, puis copiez les codes HEX ou les variables CSS.

Convertisseur Base64 en Hex

Convertissez une chaîne Base64 en ses octets sous-jacents exprimés en hexadécimal. Utile pour inspecter des jetons, des clés, des certificats et des JWT.

Générateur d’accordéon CSS

Créez un accordéon de trois sections avec details et summary. Personnalisez textes, couleurs, espacements, icône et ouverture, puis copiez ou téléchargez le code.

Convertisseur binaire en ASCII

Collez du binaire (octets séparés par des espaces ou un long flux de bits) et obtenez le texte ASCII qu'il représente. Gère les encodages de 7 bits et 8 bits.