Gerador de Gradiente

Em alta 🔥

Criar gradientes CSS visualmente

Ferramentas para desenvolvedores

Como usar Gerador de Gradiente

  1. 1Pick two or more colors
  2. 2Adjust the angle/direction
  3. 3Preview the gradient live
  4. 4Copy the CSS code

Perguntas frequentes

What types of gradients are supported?

Linear gradients with custom direction and multiple color stops. Radial gradients coming soon.