Gerador de gradientes CSS
Desenhe gradientes e copie o CSS em segundos.
Escolha o tipo de gradiente, ajuste o ângulo e adicione até seis cores, cada uma na sua posição. A pré-visualização atualiza-se de imediato e o CSS fica pronto a copiar para a sua folha de estilos. Precisa de uma imagem? Baixe o gradiente em PNG em Full HD, 4K, quadrado ou formato story — ideal para fundos de ecrã e redes sociais.
Como criar um gradiente CSS
- Etapa 1
Escolha linear, radial ou cónico.
- Etapa 2
Ajuste o ângulo e as cores.
- Etapa 3
Copie o CSS ou baixe a imagem.
Por que usar o PhotoTools
Três tipos
Gradientes lineares, radiais e cónicos.
CSS limpo
Uma linha, pronta a colar.
Tamanhos de fundo
PNG até 3840 × 2160.
Formatos compatíveis
Saída
- CSS
- PNG
Perguntas frequentes
O CSS funciona em todos os navegadores?
Os gradientes lineares e radiais funcionam em todo o lado; os cónicos em todos os navegadores atuais.
Posso usar mais de duas cores?
Sim, até seis cores, e cada uma pode ficar em qualquer ponto do gradiente.
É grátis?
Sim. As ferramentas do navegador do PhotoTools são grátis, ilimitadas e funcionam sem conta.