◉◎

Générateur de dégradé mesh

Fonds aurora en CSS pur.

Couleurs (la première = fond)

Variante

Résultat

background-color: #0f172a;
background-image:
  radial-gradient(at 52% 50%, #7c3aed 0px, transparent 62%),
  radial-gradient(at 36% 92%, #ec4899 0px, transparent 47%),
  radial-gradient(at 98% 83%, #22d3ee 0px, transparent 58%),
  radial-gradient(at 19% 18%, #f59e0b 0px, transparent 61%);

Tout se passe dans votre navigateur. Rien n’est envoyé nulle part.

Comment ça marche

1Collez ou saisissez votre texte.
2Choisissez les options nécessaires.
3Copiez ou téléchargez le résultat.

À propos de cet outil

Générateur de dégradé mesh : Fonds aurora en CSS pur. Collez votre texte et le résultat apparaît immédiatement, prêt à copier ou télécharger. Tout se passe dans votre navigateur — rien n’est envoyé ni stocké.

Exemple

Entrée

#0f172a #7c3aed #ec4899 #22d3ee #f59e0b

Sortie

background-color: #0f172a;
background-image:
  radial-gradient(at 52% 50%, #7c3aed 0px, transparent 62%),
  radial-gradient(at 36% 92%, #ec4899 0px, transparent 47%),
  radial-gradient(at 98% 83%, #22d3ee 0px, transparent 58%),
  radial-gradient(at 19% 18%, #f59e0b 0px, transparent 61%);

Comment utiliser l’outil « Générateur de dégradé mesh » ?

Collez ou saisissez votre texte. Choisissez les options nécessaires. Copiez ou téléchargez le résultat.

L’outil « Générateur de dégradé mesh » est-il gratuit ?

Oui. Il est entièrement gratuit, sans inscription, sans limite d’utilisation et sans filigrane.

Mes données sont-elles envoyées à un serveur ?

Non. Tout est calculé localement dans votre navigateur. Rien de ce que vous saisissez n’est envoyé, journalisé ni stocké.

Est-ce que ça marche sur mobile ?

Oui. Il fonctionne dans tout navigateur récent sur Android, iPhone, iPad, Windows, Mac et Linux — sans application.

Générateur de dégradé mesh

Comment ça marche

À propos de cet outil

Exemple

Outils similaires