O que é Gerador de gradientes?

Um criador visual de gradientes CSS que permite criar gradientes lineares, radiais e cônicos com paradas de cor ilimitadas. Ajuste ângulos, posições e cores em tempo real e copie o CSS pronto para produção com um clique.

Como usar

1. Passo 1 — Escolha o tipo de gradiente (linear, radial ou cônico) e defina a direção ou ângulo usando o controle deslizante ou os botões predefinidos.
2. Passo 2 — Adicione paradas de cor clicando na barra de gradiente. Ajuste a cor e a posição de cada parada arrastando ou inserindo valores exatos.
3. Passo 3 — Visualize o gradiente ao vivo e copie o código CSS gerado para a área de transferência ou baixe-o como arquivo CSS.

Resultado

Um web designer precisa de um fundo temático de pôr do sol para o hero. Ele seleciona um gradiente linear de 135°, coloca uma parada laranja em 0%, uma rosa em 50% e uma roxa em 100% — depois copia o CSS diretamente para a folha de estilos.

Ferramentas relacionadas