Gerador de CSS gradient
Monte um gradiente CSS (linear ou radial) com pré-visualização ao vivo e código pronto para copiar.
🔒 100 % no cliente — nenhum dado enviado
Gere um gradiente CSS linear ou radial com pré-visualização ao vivo e copie o código pronto para uso diretamente para sua folha de estilos. Ajuste cores, ângulo e paradas para criar fundos modernos em poucos cliques. A ferramenta roda inteiramente no seu navegador, sem cadastro e sem envio de dados.
FAQ
Como crio um gradiente CSS?
Escolha o tipo (linear ou radial), selecione suas cores e ângulo, depois copie a propriedade background gerada para seu CSS.
Qual é a diferença entre linear-gradient e radial-gradient?
linear-gradient cria uma transição de cores ao longo de uma linha reta (um ângulo), enquanto radial-gradient irradia a partir de um ponto central.
Um gradiente pode usar mais de duas cores?
Sim, você pode adicionar quantas paradas de cor forem necessárias para criar gradientes multicoloridos.
O CSS gerado é compatível com todos os navegadores?
As propriedades linear-gradient e radial-gradient são suportadas por todos os navegadores modernos sem prefixos.