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 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

Digamos que você quer um fundo hero com tema de pôr do sol. Escolha um gradiente linear de 135°, coloque laranja em 0%, rosa em 50% e roxo em 100%, e copie o CSS para sua folha de estilos.

Ferramentas relacionadas