Gerador de Gradientes CSS
Ferramenta de desenvolvimentoNovoCrie gradientes CSS e copie o código com um clique.
Esta ferramenta roda inteiramente no seu navegador. Seus arquivos nunca saem do seu dispositivo — nada é enviado.
Gradient
Used for linear gradients.
background: linear-gradient(90deg, #ff7a18 0%, #1d2330 100%);
Perguntas frequentes
Como uso o Gerador de Gradientes CSS?
Escolha uma cor inicial e outra final, selecione o tipo linear ou radial e ajuste o ângulo em graus. A caixa de pré-visualização é atualizada ao vivo e mostra uma declaração 'background:' pronta para colar que você pode copiar com um clique.
Meus dados são enviados para algum lugar ao gerar um gradiente?
Não. Tudo roda inteiramente no seu navegador com JavaScript puro: nem as cores, nem os ajustes, nem o CSS gerado são enviados a um servidor. É completamente privado e funciona sem conexão depois que a página carrega.
Qual é a diferença entre um gradiente linear e um radial?
Um gradiente linear mistura as cores ao longo de uma linha reta cuja direção você controla com o ângulo (por exemplo, 90deg vai da esquerda para a direita). Um gradiente radial mistura para fora a partir de um ponto central em círculo, e por isso o campo do ângulo fica desativado para esse tipo.