Gerar

Gerador de Gradientes CSS

Crie gradientes CSS bonitos com prévia ao vivo

Ângulo135°

Paradas de cor

#6366f10%

#ec4899100%

background: linear-gradient(135deg, #6366f1 0%, #ec4899 100%);

Sobre Gerador de Gradientes CSS

O Gerador de Gradientes CSS cria gradientes lineares e radiais bonitos com pré-visualização ao vivo. Ele gera código CSS pronto para uso que você pode copiar diretamente nos seus projetos. Esta ferramenta gratuita é executada no seu navegador e não armazena dados em nenhum servidor.

Perguntas frequentes

Como crio um gradiente CSS?

Escolha o tipo de gradiente, selecione cores usando os seletores de cores, ajuste a direção ou o ângulo, e veja o resultado em tempo real. Quando estiver satisfeito com o gradiente, copie o código CSS gerado e cole na sua folha de estilos.

Algum dado é salvo ou transmitido?

Não. O gradiente é criado inteiramente no seu navegador. Nenhuma cor, preferência ou código CSS é enviado a nenhum servidor. Tudo permanece no seu dispositivo até você copiar o código gerado.

Posso criar gradientes com mais de duas cores?

Sim, você pode adicionar múltiplas paradas de cor para criar gradientes complexos e multicoloridos. Você também pode ajustar a posição de cada parada de cor e o ângulo ou direção do gradiente para alcançar o efeito visual exato que deseja.