Espaço baralhar · Ctrl+Z desfazer
CSS
/* A gerar… */Paleta
Predefinições
Tipo de gradiente
Orgânico
Estilo de grão
Modo de mistura
Tamanho de exportação
Favorites
Exportar 1000×563px
Espaço baralhar · Ctrl+Z desfazer
CSS
/* A gerar… */Exportar 1000×563px
Crie fundos em gradiente (orgânico, linear, radial, cónico), adicione grão e textura, escolha a paleta e exporte em PNG ou SVG. Sem conta nem registo, use no browser e descarregue em segundos.
Hero, landings, ecrãs de carregamento. Exporte a 2000px para retina.
Publicações e gráficos. Use 1:1 ou 16:9 no seu projeto.
Slides, cartazes. SVG nítido; PNG em qualquer ferramenta.
Escolha o tipo de gradiente (orgânico, linear, radial ou cónico), adicione ou remova cores, ajuste extensão e textura. Defina proporção e tamanho do lado maior e exporte PNG ou SVG. Prima Espaço para uma nova variante.
Todas as exportações são livres de direitos para uso pessoal e comercial.
Gradientes num clique (Pôr do sol, Oceano, Aurora…). Guarde os seus e carregue quando quiser.
Copie um link com o seu design. Quem abrir vê o mesmo gradiente, cores e definições.
Envie uma imagem e extraia uma paleta. A ferramenta usa as cores dominantes nos seus gradientes.
Histórico completo. Desfazer e refazer (Ctrl+Z / Ctrl+Shift+Z) e exportar quando quiser.
Um clique copia CSS pronto a colar: gradiente e camada de grão com mix-blend-mode.
Ruído (fino), filme (granulado) ou linhas de varrimento. Cada um dá uma textura diferente.
Sobreposição, multiplicar, luz suave, etc., para controlar como o grão fica no gradiente.
Proporção (1:1, 16:9, 9:16, 4:3, 3:4) e lado maior (500, 1000 ou 2000px). Mesma definição para PNG e SVG.
Não. Use o gerador no browser e descarregue PNG ou SVG sem registo.
Sim. Todas as exportações são livres de direitos para uso pessoal e comercial.
Proporções: 1:1, 16:9, 9:16, 4:3, 3:4. Lado maior: 500, 1000 ou 2000 px.
PNG é raster (píxeis), para tamanhos fixos. SVG escala; ambos incluem a textura.
Alterne entre orgânico, linear, radial e cónico num clique. Adicione grão com o controlo de textura para o export corresponder à pré-visualização.
Descarregue PNG de alta qualidade ou SVG escalável. Ambos incluem a textura. Escolha proporção e lado maior (500, 1000 ou 2000px). Sem marcas de água nem registo.
Copie um link para o seu gradiente para outros abrirem e verem o mesmo design. Ou copie o CSS e cole no seu projeto — gradiente e textura num snippet. Sem conta.