Gerador de Gradiente

Crie belos gradientes CSS com visualização ao vivo e geração de código

Paradas de Cor

#ff6b6b
#4ecdc4

Visualização Ao Vivo

Código CSS

background: linear-gradient(45deg, #ff6b6b 0%, #4ecdc4 100%);
Opções Avançadas

Histórico

1 / 1
Predefinições
Histórico
1 gradientes

Dicas

Gradientes lineares fazem a transição de cores em linha reta. Perfeitos para fundos sutis e designs modernos.

Gerador de Gradiente

Crie belos gradientes CSS com visualização ao vivo e geração de código

Como usar

  1. Selecione seu tipo de gradiente (linear, radial ou cônico)
  2. Escolha a direção ou ângulo para seu gradiente
  3. Adicione paradas de cor clicando em 'Adicionar Cor'
  4. Ajuste cores usando o seletor de cor para cada parada
  5. Posicione as paradas de cor usando o controle deslizante (0-100%)
  6. Visualize seu gradiente em tempo real
  7. Copie o código CSS gerado para usar em seu projeto