EspañolGerador de mesh gradient
Escolha até cinco cores e gere variações até gostar. O fundo é feito com radial-gradient do CSS e também pode ser baixado como imagem.
Degradês com várias cores
Disponível em: 
Gerador de mesh gradient: para que serve
Mesh gradient é o degradê com várias manchas de cor que se misturam, muito usado em fundos de sites, apresentações e posts.
Aqui você escolhe de duas a cinco cores, mistura as posições até gostar e copia o CSS feito com camadas de radial-gradient, que o navegador desenha sem baixar imagem. Se preferir, baixe em PNG nos tamanhos de tela, post, story ou imagem de link.
Como usar
- Escolha as cores e o fundo.
- Toque em misturar de novo até gostar da composição.
- Copie o CSS ou baixe o PNG no tamanho certo.
Quando usar
- Fundo do topo (hero) de um site.
- Capa de apresentação ou de post.
- Imagem de fundo para o celular.
Perguntas frequentes
O que é um mesh gradient?
É um degradê com várias manchas de cor que se misturam em direções diferentes, em vez de ir de um lado ao outro. Fica com aparência orgânica, como aurora ou tinta na água, e é muito usado em fundos de sites e de apresentações.
Como é feito em CSS?
Com várias camadas de radial-gradient, cada uma com uma cor em uma posição e transparente nas bordas, sobre uma cor de fundo. O navegador desenha tudo, sem baixar imagem.
E o texto por cima?
Escolha cores com luminosidade parecida e coloque o texto numa cor que contraste com todas, ou use uma camada semitransparente atrás do texto. Confira o contraste antes de publicar.
É grátis mesmo?
Sim, 100% grátis. Sem cadastro, sem assinatura e sem limite de uso. Todas as ferramentas do Ferramentas123 são gratuitas e rodam direto no seu navegador.