Gerador de gradiente

Gerador de gradiente CSS online e gratuito. Crie gradientes lineares e radiais, ajuste direção, cores e paradas. Copie o código. No navegador.

Gerador gratuito de gradientes CSS. Crie visualmente gradientes lineares, radiais e cônicos, depois copie o código CSS. Tudo no navegador. Perfeito para fundos web, botões e elementos UI.

Tipo
Ângulo
90°
Cores
0%
100%
Código CSS
background: linear-gradient(90deg, #2563eb 0%, #7c3aed 100%);
lock Os arquivos não são enviados a nenhum servidor

Como usar Gerador de gradiente?

  1. Selecione o tipo de gradiente.
  2. Adicione paradas de cor e defina cores.
  3. Copie o código CSS gerado.

Perguntas frequentes sobre Gerador de gradiente

Quais tipos de gradiente são suportados?

Lineares, radiais e cônicos.

Posso copiar o código CSS diretamente?

Sim, copie com um clique o código CSS para aplicar diretamente.

Ferramentas relacionadas

Seletor de cores

Selecione uma cor e copie os valores HEX, RGB e HSL.

Conversor de cor

Conversor de códigos de cor online e gratuito. Converta entre HEX, RGB, HSL e CMYK com pré-visualização ao vivo. Ideal para web design. No navegador.

Gerador de paleta

Gerador de paleta de cores online e gratuito. Crie paletas harmoniosas com sugestões complementares, análogas e triádicas. No navegador.

Cor aleatória

Gerador de cor aleatória online e gratuito. Gere cores com um clique e copie códigos HEX ou RGB instantaneamente. No navegador.