Gerador de Gradientes CSS

Developer Tools

Carregando...

Sobre Esta Ferramenta

Gerador de gradientes CSS gratuito, privado e sem servidor. Crie gradientes lineares, radiais e cônicos com paradas de cor ilimitadas. Visualização ao vivo, controle de ângulo, 6 presets e cópia CSS com um clique.

Como Usar

  1. Selecione o tipo: Linear, Radial ou Cônico.
  2. Ajuste o ângulo.
  3. Adicione ou modifique paradas de cor.
  4. Experimente os 6 presets.
  5. Visualização em tempo real.
  6. Clique em Copiar CSS.

Perguntas Frequentes

Quais tipos de gradientes são suportados?
Linear, Radial e Cônico para diferentes efeitos visuais em fundos, botões e elementos decorativos.
Quantas paradas de cor posso adicionar?
Ilimitadas, com seletor de cor e posição ajustável (0–100%).
Quais presets estão disponíveis?
Seis presets curados: Pôr do Sol, Oceano, Floresta, Neon, Quente e Frio.
Posso copiar o código CSS?
Sim! Clique em Copiar CSS para a propriedade background completa.