Gerador de Gradientes

• Gerador de gradientes CSS online e gratuito, com suporte a gradientes lineares, radiais e cônicos
• Adicione ou remova paradas de cor livremente, ajuste cada valor hexadecimal e sua posição, ou comece pelos 12 gradientes predefinidos ou pelo gradiente aleatório
• Visualização em tempo real sincronizada com o código CSS: defina o tamanho da tela, copie o código com um clique ou salve o resultado em PNG

1. Abra a página da ferramenta — sem download ou instalação — e escolha no topo «Gradiente Linear», «Gradiente Radial» ou «Gradiente Cônico»
2. Clique em «Adicionar Cor» para inserir paradas, defina cada cor pela amostra ou pelo campo hexadecimal e arraste o controle «Posição»; você também pode aplicar um gradiente predefinido ou «Gradiente Aleatório»
3. Ajuste a largura e a altura na visualização e clique em «Copiar CSS» para levar o código ou em «Baixar Imagem» para salvar o PNG

• A ferramenta é totalmente gratuita e sem necessidade de cadastro; pelo menos duas paradas de cor devem permanecer e a tela aceita de 50 a 2000 pixels
• A renderização e a exportação em PNG acontecem localmente no seu navegador — seus dados nunca são enviados. Gradientes cônicos podem não aparecer em navegadores muito antigos

Ferramenta online gratuita para gerar gradientes. Suporta gradientes lineares, radiais e cônicos com paradas de cor personalizáveis, ângulos e direções. Visualização em tempo real e cópia do código CSS com um clique.

Abra a página da ferramenta — sem download ou instalação — e escolha no topo «Gradiente Linear», «Gradiente Radial» ou «Gradiente Cônico» Clique em «Adicionar Cor» para inserir paradas, defina cada cor pela amostra ou pelo campo hexadecimal e arraste o controle «Posição»; você também pode aplicar um gradiente predefinido ou «Gradiente Aleatório» Ajuste a largura e a altura na visualização e clique em «Copiar CSS» para levar o código ou em «Baixar Imagem» para salvar o PNG

A ferramenta é totalmente gratuita e sem necessidade de cadastro; pelo menos duas paradas de cor devem permanecer e a tela aceita de 50 a 2000 pixels A renderização e a exportação em PNG acontecem localmente no seu navegador — seus dados nunca são enviados. Gradientes cônicos podem não aparecer em navegadores muito antigos

Sim, Gerador de Gradientes é totalmente gratuito. Sem download ou instalação — funciona direto no navegador.