Gerador de Gradiente CSS
Loading tool workspace...
Traga cor aos seus projetos web. Nosso Gerador de Gradiente CSS permite criar transições de cores vibrantes e suaves sem escrever uma única linha de código. Use nosso editor visual para exportar o CSS perfeito.
Como Criar Gradientes
- 1
Selecione 'Linear' ou 'Radial' para escolher o tipo de gradiente.
- 2
Clique nas paradas de cor para mudar as cores ou arraste-as para ajustar a mistura.
- 3
Copie o código `background: linear-gradient(...)` completo para o seu projeto.
Mistura de Cores
Ângulo e Direção
Para gradientes lineares, você pode especificar um ângulo (ex: 45deg) ou uma direção (ex: to bottom right) para controlar o fluxo das cores.
Perguntas Frequentes
É compatível com navegadores antigos?
Gradientes CSS modernos são suportados por todos os navegadores atuais. Fornecemos a sintaxe padrão que possui ampla compatibilidade.
Por Que Usar Esta Ferramenta?
- ✓Editor visual arraste-e-solte
- ✓Suporte para gradientes Linear e Radial
- ✓Paradas de cor ilimitadas
- ✓Copiar/colar código instantâneo