Saltar para o conteúdo
QuickToolio
esEspanolenEnglishptPortuguêsfrFrançaisdeDeutschitItaliano

Gerador de gradientes CSS

Crie um gradiente linear CSS escolhendo duas cores e o ângulo, com pré-visualização e código pronto para copiar.

É processado no seu dispositivo. Nada é enviado para nenhum servidor.
background: linear-gradient(135deg, #0B6E63, #55BFAF);

Cria um gradiente linear CSS escolhendo duas cores e o ângulo da transição, com pré-visualização em direto e código pronto a copiar.

Gera a função linear-gradient() do CSS com as cores e o ângulo indicados, compatível com todos os navegadores modernos.

Casos de uso

  • Criar um fundo em degradê para um cabeçalho.
  • Desenhar botões com um efeito de gradiente.
  • Experimentar diferentes combinações de cor antes de as aplicar.

Como funciona

  1. 1

    Escolhe duas cores

    Seleciona a cor inicial e final do gradiente.

  2. 2

    Ajusta o ângulo

    Define a direção do gradiente em graus.

  3. 3

    Copia o CSS

    Copia a propriedade background pronta a colar na tua folha de estilos.

Perguntas frequentes

Só gera gradientes lineares?

Sim, o MVP foca-se em linear-gradient(); gradientes radiais ou cónicos poderão ser adicionados mais tarde.

Ferramentas relacionadas

← Cores e design