Gerador de gradiente CSS
색상 정지점
0%
100%
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); Última atualização: 2026 · Ferramenta online gratuita
O que é Gerador de gradiente CSS?
Editor visual online gratuito para criar gradientes CSS e copiar o código
Como usar
- 1 Selecionar tipo — Escolha o tipo de gradiente (linear, radial, cônico).
- 2 Ajustar pontos de cor — Ajuste a cor e posição de cada ponto de cor.
- 3 Pré-visualização — Verifique o resultado em tempo real na pré-visualização.
- 4 Copiar código CSS — Copie o código CSS para a área de transferência com o botão 'Copiar'.
Ferramentas relacionadas
Gerador CSS box-shadow Editor visual online gratuito para criar CSS box-shadow e copiar o código
Gerador CSS border-radius Editor CSS border-radius online gratuito com 8 controles de alça
Conversor de cores Ferramenta online gratuita para converter entre códigos de cor HEX, RGB, HSL, OKLCH com taxa de contraste WCAG
Perguntas frequentes
Não há limite, mas 2 a 6 é o típico. Muitos podem afetar o desempenho.
Sim. Ative a caixa de seleção 'Repetir' para adicionar o prefixo repeating.
Cinco presets são fornecidos: Sunset, Ocean, Forest, Midnight e Rainbow.
Atualmente, apenas CSS puro é produzido. A conversão para Tailwind está planejada para uma atualização futura.
Não. Todo o processamento é feito no navegador.