Como usar o gerador
- Escolha Linear ou Radial.
- Para um degradê linear, arraste o ângulo. 0° vai de baixo para cima, 90° da esquerda para a direita, 180° de cima para baixo.
- Mude as cores. Cada uma tem um controle deslizante para o lugar dela, de 0% no começo a 100% no fim.
- Adicione cores com Adicionar uma cor, até cinco. A nova entra no maior espaço vazio.
- Copie o CSS, ou escolha um tamanho e aperte Baixar PNG.
Inverter troca a ordem das cores. Cores aleatórias testa um novo conjunto e mantém o lugar de cada cor. O degradê também fica no endereço da página, então o link traz ele de volta.
Os tamanhos
- Post quadrado, 1080 x 1080: posts do feed no Instagram, Facebook e LinkedIn.
- Post retrato, 1080 x 1350: o post de feed mais alto no Instagram e no Facebook. Ocupa mais da tela.
- Story ou reel, 1080 x 1920: Stories, Reels, TikTok e YouTube Shorts.
A prévia tem o formato do tamanho que você escolhe, então você vê a imagem que vai receber. O PNG é desenhado com o mesmo ângulo e os mesmos pontos de cor do CSS, então ele fica igual à prévia.
Degradês que ficam bonitos
- Mantenha as cores próximas. Duas vizinhas no círculo de cores, como azul e verde-água, se misturam com suavidade. Opostas, como azul e laranja, podem ficar cinza no meio. Adicione uma terceira cor entre elas para manter o brilho.
- Use um claro e um escuro da mesma cor para um fundo calmo que nunca briga com o seu texto.
- Ponha o texto na ponta calma. Texto sobre o meio de um degradê forte muda de contraste de letra para letra.
Use no editor de design da Postfjord
No editor de design, escolha uma forma ou a página e selecione Degradê nas cores dela. Defina a primeira e a segunda cor, uma cor do meio, a direção e o ângulo. Os Degradês deste design são feitos das suas próprias cores, então combinam com a sua marca. Um design é salvo em todos os tamanhos que os seus canais pedem.
FAQ
Qual é a diferença entre linear e radial?
Um degradê linear segue uma linha reta no ângulo que você define. Um degradê radial começa no meio e se espalha em círculo até os cantos.
Posso usar o PNG como post?
Sim. É uma imagem simples, sem marca d'água. Adicione texto no seu app de design, ou publique como fundo para uma citação.
O CSS funciona em todos os navegadores?
Sim. linear-gradient e radial-gradient funcionam em todos os navegadores em uso hoje.
A ferramenta salva o meu degradê?
Só no link. Ela roda no seu navegador, e nada é enviado à Postfjord nem salvo.