16Dream Toolbox

Gerador de Gradiente CSS

Monte um gradiente CSS visualmente e copie o código pronto.

Ângulo

graus

Espaço reservado para anúncio

Como usar

Adicione duas ou mais cores usando o seletor visual, ajuste o ângulo do gradiente e veja o preview atualizando em tempo real. Copie o código `background: linear-gradient(...)` pronto para colar no seu CSS.

Exemplo de uso

Exemplo: um gradiente de azul para verde a 90 graus gera o código background: linear-gradient(90deg, #3182CE, #38A169);, pronto para usar.

Ferramentas relacionadas

🎨

Gerador de Paleta de Cores

Gere uma paleta de tons a partir de uma cor base.

Espaço reservado para anúncio

© 2026 16Dream Toolbox.

  • Sobre
  • Privacidade
  • Termos de Uso

Usamos cookies para melhorar sua experiência e, com sua permissão, exibir anúncios. Veja nossa Política de Privacidade.