Gerador de Gradientes Mesh
Crie fundos com gradientes mesh (manchas de cor difuminadas) e baixe-os em PNG ou copie o código CSS.
Como criar um gradiente mesh online
Escolha a cor de fundo e adicione cores
Selecione uma cor base e adicione até 6 manchas de cor que se misturarão entre si.
Aleatorize as posições
Clique no botão de aleatorização para reposicionar as manchas de cor até encontrar uma combinação que você goste.
Baixe o PNG ou copie o CSS
Baixe o resultado como uma imagem PNG pronta para usar, ou copie o código CSS para aplicá-lo diretamente no seu site.
Perguntas frequentes sobre o gerador de gradientes mesh
Os gradientes mesh (ou degradês de malha) se popularizaram como fundo para páginas web, apps e redes sociais graças ao seu aspecto suave e abstrato. Esta ferramenta os gera e baixa diretamente no seu navegador.
O que é um gradiente mesh?
+
É um gradiente formado por várias manchas de cor desfocadas que se misturam entre si, em vez de uma transição linear ou radial simples entre duas cores.
Como diferencia do gerador de gradientes CSS normal?
+
O gerador de gradientes CSS cria transições lineares ou radiais entre 2 e 4 cores. Este gerador cria um efeito mais orgânico com várias manchas de cor independentes, e também permite fazer download do resultado diretamente como imagem PNG.
Quantas cores posso usar?
+
Você pode combinar entre 3 e 6 cores no mesmo gradiente mesh.
Posso baixar o resultado como imagem?
+
Sim, você pode baixar o gradiente mesh diretamente em formato PNG, pronto para usar como fundo.
É gratuito?
+
Sim, essa ferramenta é completamente gratuita.
Meu design é enviado para algum servidor?
+
Não. Todo o processo, desde a geração até o download do PNG, ocorre diretamente no seu navegador, sem enviar dados para um servidor.
Cores
Conversor de cores (HEX, RGB, HSL, CMYK)
Converta qualquer cor entre HEX, RGB, HSL e CMYK instantaneamente, com visualização ao vivo e o nome de cor mais próximo.
Gerador de paletas de cores
Cria paletas de 5 cores harmoniosas (complementares, análogas, triádicas ou monocromáticas) a partir de uma cor base.
Gerador de Gradientes CSS
Cria gradientes lineares ou radiais com até 4 cores e copia o código CSS pronto para usar.
Verificador de Contraste WCAG
Verifique se a combinação de cores de texto e fundo atende aos níveis de acessibilidade AA e AAA.
Cor aleatória
Gera uma cor aleatória com um clique e descubra seu nome, código HEX/RGB/HSL e cores similares.
Seletor de cor (conta-gotas)
Escolha qualquer cor da sua tela com a ferramenta contagotas do navegador, ou use o seletor clássico.
Simulador de Daltonismo
Envie uma imagem e veja como pessoas com protanopia, deuteranopia ou tritanopia a veriam.
Gerador de Tons e Sombras
Gera automaticamente os tons mais claros e as sombras mais escuras de qualquer cor, com seu código HEX.
Misturador de Cores
Misture duas cores e descubra os tons intermediários passo a passo, com seu código HEX.
Roda de Cores (Harmonias)
Escolha uma cor na roda e descubra suas combinações harmoniosas: complementares, análogas, triádicas e muito mais.
Extrator de Paleta de Cores da Imagem
Envie uma imagem e extraia automaticamente suas cores dominantes em uma paleta, com o código HEX de cada uma.
Cor Média de uma Imagem
Envie uma imagem e calcule instantaneamente sua cor média, com seu código HEX, RGB e HSL.
Explore as cores por família
Mais de 469 cores nomeadas, com seus códigos HEX, RGB, HSL e CMYK, organizadas em 12 famílias de tonalidades.
