Gerador de Gradiente
Crie gradientes CSS personalizados com preview em tempo real
Live Preview
Gradiente Atual:
linear-gradient(180deg, #667eea 0%, #764ba2 100%)linearExport Code
background: linear-gradient(180deg, #667eea 0%, #764ba2 100%);Controles do Gradiente
0°360°
Adicione múltiplas cores para criar gradientes complexos
Posição0%
Posição100%
Por que usar nosso Gerador de Gradiente?
Gradientes Permanentes
Seus gradientes nunca expiram e funcionam para sempre
Geração Instantânea
Crie gradientes em segundos, sem necessidade de cadastro
Múltiplos Formatos
Exporte em CSS, SCSS ou React com um clique