Ferramentas para desenvolvedores

Gerador de Gradiente CSS

Gerador de Gradiente CSS deixa você escolher cores e direção para criar gradientes lineares ou radiais, com prévia ao vivo e CSS pronto para copiar.

Última atualização: July 2026

Crie gradientes lineares e radiais em CSS visualmente e copie o código. Gerador de gradiente grátis, instantâneo e no navegador.

Gerador de Gradiente CSSFunciona no seu navegador

Como usar Gerador de Gradiente CSS

  1. Escolha duas cores e um tipo.
  2. Ajuste o ângulo ou a posição.
  3. Copie o CSS.

Perguntas frequentes

Suporta gradientes radiais?

Sim — alterne entre linear e radial, e ajuste o ângulo para os lineares.

O que eu copio?

Uma declaração CSS de background pronta para usar.

É grátis?

Sim, grátis e instantâneo.

ferramentas para desenvolvedores relacionadas