Baixar gradiente gratuitamente

Baixar em FHD

Copiar as cores do gradiente

#{{ color }}
  • RGB {{ toRGB(color) }}
  • CMYK {{ toCMYK(color) }}
  • HSL {{ toHSL(color) }}
Código CSS 
background:{{ gradient.css }};
Não conseguimos reproduzir exatamente a estrutura do gradiente de malha, então o código CSS é aproximado, mas ainda assim muito bonito.
Copiar código

Gradientes similares 🧁

Ferramentas

Olá,
prazer em vê-lo!

google login
github white login github black login
yandex login

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

Alguma ideia ou sugestão? 💡

Escreva para nós, tentaremos implementá-las ou corrigir quaisquer erros. Formulário do Google

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