Toolzy

Gerador de Gradiente CSS

Crie gradientes CSS lineares e radiais visualmente.

background: linear-gradient(90deg, #6366f1, #ec4899);

Crie um gradiente CSS com uma pré-visualização ao vivo e copie o código de fundo pronto para usar.

Como usar

  1. Escolha linear ou radial.
  2. Escolha as cores e o ângulo.
  3. Copie o CSS.

Perguntas frequentes

Posso adicionar mais paradas de cor?
Este gerador usa duas paradas; você pode estender o CSS copiado manualmente.
Onde vai o CSS?
Use-o como valor da propriedade background ou background-image.

Ferramentas relacionadas