Gerador de Gradiente
Crie gradientes CSS e copie o código.
Crie um gradiente CSS de forma visual: escolha linear ou radial, defina o ângulo, adicione quantas paradas de cor quiser e copie o CSS pronto para colar. Use uma predefinição, gere um gradiente aleatório ou ajuste cada parada. Gerado localmente no seu navegador.
Pontos de cor
Predefinições
Todas as conversões de cor são feitas localmente no seu navegador — nada é enviado, armazenado ou registrado.
Como funciona
- 1 Escolha linear ou radial e defina o ângulo.
- 2 Adicione e posicione as paradas de cor.
- 3 Ajuste as cores até gostar da pré-visualização.
- 4 Copie o CSS ou gere um aleatório.
Casos de uso comuns
- Criar um fundo de cabeçalho ou de botão.
- Fazer um cartão ou banner colorido.
- Prototipar rapidamente um gradiente de marca.
- Gerar fundos de espaço reservado.
Perguntas frequentes
Os meus dados de cor são enviados para algum lugar?
Não. Cada conversão e cálculo é executado inteiramente no seu navegador — nada é enviado, armazenado ou registrado.
Quais tipos de gradiente são suportados?
Linear (com um ângulo) e radial. Cada um suporta duas ou mais paradas de cor que você pode posicionar de 0% a 100%.
Posso usar o CSS diretamente?
Sim. Copie a declaração `background:` e cole na sua folha de estilos — funciona em todos os navegadores modernos.
É realmente grátis?
Sim — grátis, sem cadastro, sem marca d'água e sem limites.