Gerador de gradiente CSS
Crie gradientes lineares e radiais com várias cores e copie o CSS pronto.
Monte o seu gradiente.
Disponível em: 
Publicidade
Gerador de gradiente CSS: para que serve
O gerador cria degradês com quantas cores quiser, no formato linear (com ângulo) ou radial. A prévia muda na hora e o código CSS fica pronto para copiar.
Também dá para baixar o gradiente como imagem PNG em 1920×1080, para usar como fundo.
Como usar
- Escolha o tipo e o ângulo.
- Ajuste as cores e as posições.
- Copie o CSS ou baixe o PNG.
Quando usar
- Fundos de sites e botões.
- Papel de parede e fundo de slides.
- Testar combinações de cores.
Perguntas frequentes
Funciona em todos os navegadores?
Sim. O CSS gerado usa linear-gradient e radial-gradient, aceitos por todos os navegadores atuais.
Dá para baixar como imagem?
Sim. O botão Baixar PNG gera uma imagem de 1920×1080 com o gradiente, boa para papel de parede ou fundo de slide.
É grátis mesmo?
Sim, 100% grátis. Sem cadastro, sem assinatura e sem limite de uso. Todas as ferramentas do Ferramentas123 são gratuitas e rodam direto no seu navegador.