Gerador de gradiente CSS

Crie um gradiente CSS linear ou radial com pré-visualização ao vivo e depois copie o CSS.

100% privado — funciona inteiramente no seu navegador. Seus dados são processados no seu dispositivo e nunca enviados para a internet.

Sobre esta ferramenta

Este gerador de gradiente CSS gratuito permite criar um gradiente linear ou radial com quantas paradas de cor quiser, definir o ângulo, pré-visualizá-lo ao vivo e copiar o CSS pronto para uso.

Tudo funciona no seu navegador — nada é enviado.

Recursos

  • Gradientes lineares ou radiais
  • Várias paradas de cor com posições ajustáveis
  • Controle de ângulo para gradientes lineares
  • Pré-visualização ao vivo e cópia do CSS com um clique

Como usar

  • Escolha um tipo — linear ou radial
  • Defina suas paradas de cor — altere as cores e arraste suas posições, adicione mais se necessário
  • Ajuste o ângulo (linear)
  • Copie o CSS — cole-o diretamente na sua folha de estilo

Mais ferramentas

Ver tudo