Gerador de gradiente CSS online grátis tool icon
CSS • linear-gradient • radial-gradient

Gerador de gradiente CSS online grátis

Edite gradientes lineares/radiais visualmente e gere código CSS de background pronto para copiar.

Prévia
CSS
Paradas de cor

Como usar o gerador de gradiente CSS

  • Selecione o tipo de gradiente (linear ou radial).
  • Se for linear, ajuste o ângulo.
  • Use «Adicionar parada» para incluir cores e edite/remova paradas existentes.
  • Clique em «Aleatório» para gerar um gradiente aleatório.
  • Veja o resultado em tempo real na prévia.
  • Clique em «Copiar» para obter o CSS gerado.

Dicas

  • Gradientes lineares fazem transição de cores em linha reta.
  • Gradientes radiais espalham cores a partir de um ponto central.
  • Tudo é gerado localmente no navegador; nenhum dado é enviado.