Gerador de Gradiente CSS

Crie belos gradientes CSS com um editor visual e copie o código.

O que é Gerador de Gradiente CSS?

Gradientes CSS criam transições suaves de cor sem usar imagens. Este editor visual suporta gradientes lineares, radiais e cônicos, com paradas de cor personalizáveis e controle de ângulo.

Como Usar Gerador de Gradiente CSS

  1. Escolha o tipo de gradiente: linear, radial ou cônico.
  2. Ajuste o ângulo (para gradientes lineares).
  3. Defina as paradas de cor com suas cores e posições.
  4. Clique em Copiar CSS para obter o código pronto para usar.

Perguntas Frequentes

Uma transição suave entre cores gerada pelas funções CSS linear-gradient(), radial-gradient() ou conic-gradient(), sem uso de imagens.

Até 5 nesta ferramenta, mas o CSS em si não impõe um limite rígido.

O linear segue uma linha reta em um determinado ângulo. O radial irradia circularmente a partir de um ponto central.

Sim, todos os navegadores modernos os suportam completamente, sem necessidade de prefixos de fabricante.