Ferramenta grátis

Gradient Maker

Desenhe gradientes lineares, radiais e cônicos com código ao vivo para CSS, SwiftUI, Jetpack Compose e Tailwind. Exporte PNG 1080×1920.

Tipo

Ângulo 135°

Stops de cor

Presets

Dicas de gradiente

Para fundos de app, use cores análogas (próximas na roda) — ficam mais suaves do que duas cores aleatórias.
Adicione um 3º stop no meio para "curvar" a transição — útil para visuais pôr-do-sol / amanhecer.
Para acentos de UI escuras, misture uma cor mediamente saturada com #0a0a0a em vez de preto puro — preto puro faz bandas.
Cuidado com o banding de cor no Android adicionando um pequeno dither (Compose: .background(brush, alpha = 1f) com um overlay de ruído).
Gradientes cônicos são ótimos para ícones de app mas ruins para fundos de tela — sempre dão tontura.

LaunchShots sobrepõe seu gradiente + screenshot + legenda de uma vez.