Gerador de gradiente CSS
Crie gradientes CSS lineares e radiais visualmente e copie o CSS pronto — nada é enviado.
Saída CSS
Gere fundos de gradiente CSS visualmente
Adicione paradas de cor, ajuste o ângulo e alterne entre modos linear e radial. A prévia e o CSS atualizam instantaneamente. Copie a propriedade background com um clique. Tudo roda localmente — sem upload.
As paradas de cor aceitam posições percentuais opcionais. Deixar em branco distribui as paradas uniformemente. Arraste o ângulo para girar um gradiente linear de 0 a 360 graus.
Perguntas frequentes
Diferença entre linear e radial? O linear faz a transição de cores em linha reta. O radial irradia do centro em círculo.
Posso usar cores nomeadas ou rgba? Sim — o campo aceita qualquer valor CSS válido.