Roda no navegador • Nada é enviado

Gerador de Gradiente CSS

Monte gradientes lineares e radiais com pré-visualização em tempo real e copie o código CSS pronto.

Gradientes no CSS

Gradientes criam transições suaves entre cores sem usar imagens. linear-gradient segue uma direção (ângulo); radial-gradient irradia de um ponto central. São leves, escaláveis e perfeitos para fundos de seções, botões e cartões.

Perguntas frequentes

Posso usar mais de duas cores?

Sim. Adicione quantos "stops" quiser; cada um tem uma cor e uma posição (%) ao longo do gradiente.

Outras ferramentas