◉◎
Gerador de gradiente mesh
Fundos aurora em CSS puro.
Funciona inteiramente no seu navegador. Nada é enviado a lugar nenhum.
Como funciona
- 1Cole ou digite seu texto.
- 2Escolha as opções necessárias.
- 3Copie ou baixe o resultado.
Sobre esta ferramenta
Gerador de gradiente mesh: Fundos aurora em CSS puro. Cole seu texto e o resultado aparece na hora, pronto para copiar ou baixar. Tudo acontece no navegador — nada é enviado ou armazenado.
Exemplo
Entrada
#0f172a #7c3aed #ec4899 #22d3ee #f59e0b
Saída
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%);
Como usar a ferramenta “Gerador de gradiente mesh”?
Cole ou digite seu texto. Escolha as opções necessárias. Copie ou baixe o resultado.
A ferramenta “Gerador de gradiente mesh” é grátis?
Sim. É totalmente gratuita, sem cadastro, sem limites de uso e sem marca d’água.
Meus dados são enviados a um servidor?
Não. Tudo é calculado localmente no navegador. Nada do que você digita é enviado, registrado ou armazenado.
Funciona no celular?
Sim. Funciona em qualquer navegador moderno no Android, iPhone, iPad, Windows, Mac e Linux — sem app.