Gerador de Gradiente
Crie e visualize gradientes CSS visualmente.
Configurações de Gradiente
Defina o tipo e a direção do gradiente
Paradas de Cor
Defina as cores e posições do gradiente
%
%
Predefinições
Experimente gradientes predefinidos
Visualizar
Veja o gradiente gerado
CSS Gerado
background: linear-gradient(90deg, #ff0000 0%, #0000ff 100%);Descrição do Tipo de Gradiente
Gradiente Linear
Um gradiente que muda de cor em uma direção de linha reta. Você pode ajustar o ângulo para definir a direção.
Gradiente Radial
Um gradiente que muda de cor de um ponto central para fora em uma forma circular ou elíptica.
Gradiente Cônico
Um gradiente cônico que muda de cor enquanto gira em torno de um ponto central.