Baixar gradiente gratuitamente

Escolha tamanhos pré-definidos ou defina os seus próprios

Copiar as cores do gradiente

Apresentado nos sistemas de cores mais comuns 🎨

#{{ color }}
  • RGB {{ toRGB(color) }}
  • CMYK {{ toCMYK(color) }}
  • HSL {{ toHSL(color) }}
Código CSS
background: -webkit-linear-gradient({{direction}}deg, {{ colorlinecss }});
background: linear-gradient({{direction}}deg, {{ colorlinecss }});

Defina o tamanho e o ângulo

Defina a altura, a largura e o ângulo do gradiente, depois clique na imagem gerada para baixar 🧙

Use as setas do teclado para alterar o parâmetro por 1 unidade

Baixar tamanhos populares

Aqui estão os tamanhos mais comumente usados ✨

1920×1080
1080×1920
1080×1080
1500×1000
320×320
1200×628
970×90
800×600
750×750
1500×500
1200×600
1800×1350
480×60
820×360
300×250
1600×1200

Gradientes similares 🧁

Olá,
prazer em vê-lo!

Esqueceu a senha?

Digite o endereço de e-mail que você usou ao se cadastrar e nós enviaremos instruções para redefinir sua senha.

Criar
uma nova conta

Senha não corresponde

Conheça os Gradientes de Malha

Adicionamos um gerador de gradientes de malha e uma nova biblioteca de malha para você enriquecer com seus gradientes. Agora você pode criar gradientes abstratos bonitos, baixá-los, copiar seus códigos CSS, salvá-los no seu painel pessoal e adicioná-los à biblioteca pública.

Em breve adicionaremos um gerador de gradientes radiais!

Gradientes de malha