A maioria das ferramentas de gradiente só lhe dá uma linha de CSS. Esta desenha o gradiente numa tela real e permite-lhe transferir o PNG final no tamanho exato em pixels de que precisa: um fundo para telemóvel, um fundo de ambiente de trabalho 1920x1080, uma publicação quadrada para redes sociais ou uma dimensão personalizada. Nada é enviado: a imagem é desenhada e guardada inteiramente no seu dispositivo, por isso as suas cores e ficheiros ficam privados.
Gerador de Gradientes Gratuito
Funciona inteiramente no navegador - sem carregar nada, sem registo.
Tipo
Tamanho da imagem
px
Pontos de cor
Guarda um PNG real com 1920×1080 px
O que é um gerador de gradientes?
Um gerador de gradientes é uma ferramenta que mistura duas ou mais cores num gradiente suave e o exporta como uma imagem que pode transferir. Escolha as cores e os pontos, opte por linear ou radial, defina o tamanho e guarde um PNG para uma imagem de fundo, um banner ou uma miniatura. Corre tudo no seu navegador.
Como utilizar
- 1Escolha linear ou radial. O linear mistura as cores ao longo de uma linha reta no ângulo que definir; o radial espalha-as a partir do centro em círculo.
- 2Defina as cores e os pontos. Clique numa amostra para escolher uma cor e arraste o seu cursor para mover o ponto. Adicione até 8 pontos ou remova até 2, e carregue em Aleatório para uma ideia rápida.
- 3Escolha o tamanho da imagem. Toque numa predefinição (computador, telemóvel, quadrado, redes sociais) ou escreva uma largura e altura personalizadas em pixels. A pré-visualização atualiza-se em tempo real.
- 4Transfira o PNG. Clique em Transferir PNG para guardar o gradiente como imagem em resolução total, ou copie o CSS para reutilizar o mesmo gradiente no código.
Para quem é
- Designers e criadores de conteúdo que precisam de uma imagem de fundo com gradiente para um diapositivo, miniatura, banner ou story sem abrir o Photoshop.
- Utilizadores de telemóvel e computador que criam um fundo com gradiente personalizado na resolução exata do seu ecrã.
- Programadores que querem um PNG de gradiente leve como imagem de destaque ou marcador de posição, mais o CSS correspondente para o reproduzir no código.
- Gestores de redes sociais que exportam fundos com gradiente na imagem da marca, dimensionados para publicações, stories e capas.
Perguntas frequentes
Este gerador de gradientes é grátis?
Sim - 100% grátis, sem registo, sem marcas de água e sem limites. Crie e transfira tantas imagens de gradiente quantas quiser.
Algo é enviado para um servidor?
Não. O gradiente é desenhado e guardado inteiramente no seu navegador com uma tela. Nenhuma cor, imagem ou dado de utilização é enviado para lado nenhum.
Que formato de imagem é exportado?
Exporta um PNG, que mantém o gradiente perfeitamente suave e sem perdas, sem artefactos de compressão. O ficheiro é guardado no tamanho exato em pixels que definir, pronto a usar como fundo ou para carregar.
Que tamanho devo dar a um fundo com gradiente?
Faça corresponder ao seu ecrã. As escolhas comuns são 1920x1080 para a maioria dos computadores, 1080x1920 para um telemóvel na vertical e 1080x1080 para uma publicação quadrada. Também pode introduzir qualquer largura e altura personalizadas até 8000 pixels.
Qual é a diferença entre um gradiente linear e radial?
Um gradiente linear mistura as cores ao longo de uma linha reta num ângulo à sua escolha, por isso a cor muda ao longo da imagem. Um gradiente radial parte de um ponto central e espalha-se em círculo, por isso a cor muda do centro para as extremidades.
Posso obter o CSS além da imagem?
Sim. A par do PNG transferível, a ferramenta mostra o CSS background-image correspondente. Copie-o para reproduzir exatamente o mesmo gradiente num site ou aplicação em vez de usar o ficheiro de imagem.
Como funcionam os pontos de cor?
Cada ponto associa uma cor a uma posição de 0% a 100% ao longo do gradiente. A mistura corre suavemente entre pontos vizinhos. Colocar dois pontos na mesma posição cria uma transição abrupta em vez de um esbatimento, útil para riscas ou fundos por blocos de cor.