Gerador de Imagem de Cor Sólida
O Gerador de Imagem de Cor Sólida cria uma imagem preenchida com uma única cor chapada ou com um gradiente suave em qualquer largura e altura que você definir. Escolha uma cor, defina as dimensões e baixe o resultado em PNG, JPG ou WebP — direto no navegador, sem nada para instalar.
É útil sempre que você precisa de uma imagem colorida e limpa rápido: um placeholder para um mockup de site, uma miniatura colorida para um vídeo, uma imagem OG ou um fundo simples para um post nas redes sociais. Além do preenchimento sólido, você pode mudar para um gradiente linear ou radial e mesclar até dez cores.
Como criar uma imagem de cor sólida
Escolha um modo de preenchimento
Use as abas no topo para escolher Cor sólida, Gradiente linear ou Gradiente radial.
Escolha suas cores
Use o seletor de cor, digite um código HEX ou abra as paletas prontas para escolher entre as paletas Material, Tailwind, Pastel ou Flat UI. O botão de dado sorteia uma cor aleatória. Para gradientes, adicione até 10 paradas de cor e defina a posição de cada uma.
Defina as dimensões
Escolha um tamanho pronto para redes sociais, web ou formatos padrão, ou digite uma largura e altura personalizadas em pixels (até 7680 x 7680). Use o botão de travar para manter a proporção enquanto redimensiona. Para gradientes lineares, defina a direção com as 8 setas ou o controle de ângulo.
Baixe a imagem
Escolha PNG, JPG ou WebP na caixa de exportação e clique em Baixar para salvar a imagem no seu dispositivo.
Recursos
Preenchimento com cor sólida
Preencha a imagem inteira com uma única cor chapada para um fundo ou placeholder limpo e uniforme.
Gradiente linear
Mescle cores ao longo de uma linha reta com uma direção escolhida entre 8 opções prontas ou ajustada de 0° a 360°.
Gradiente radial
Espalhe as cores a partir do centro para um efeito de brilho circular e suave.
Até 10 paradas de cor
Adicione até dez paradas de cor a um gradiente, cada uma com sua própria cor e posição ajustável de 0 a 100%.
Seletor de cor e entrada HEX
Escolha uma cor visualmente ou digite um código HEX exato de 6 dígitos para combinar com sua marca ou design.
Paletas selecionadas
Navegue por amostras prontas do Material Design, Tailwind CSS, Pastel e Flat UI, ou sorteie uma cor aleatória com o dado.
Tamanhos prontos
Tamanhos com um clique para redes sociais (Instagram, OG Image, YouTube, Facebook, Twitter), web (HD, 4K, banner principal, banner) e formatos padrão.
Tamanho personalizado e proporção travada
Informe qualquer largura e altura de até 7680 px e trave a proporção para dimensionar os dois lados juntos.
Pré-visualização ao vivo
Veja a imagem atualizar na hora no canvas conforme você muda cores, gradientes e dimensões.
Exportação em PNG, JPG e WebP
Salve como PNG sem perdas, JPG mais leve ou WebP moderno — o que melhor se encaixar no seu projeto.
Perguntas frequentes
Como criar uma imagem de cor sólida online?
Mantenha a aba Cor sólida selecionada, escolha uma cor com o seletor ou digitando um código HEX, defina a largura e a altura e clique em Baixar. Não há nada para instalar nem cadastro a fazer.
Dá para definir largura e altura personalizadas em pixels?
Sim. Digite qualquer largura e altura nos campos de tamanho, até 7680 x 7680 pixels. Você também pode escolher um tamanho pronto ou travar a proporção para que os dois lados sejam dimensionados juntos.
Como inserir um código de cor HEX ou RGB?
Digite um código HEX de 6 dígitos (por exemplo #6366f1) no campo hex ao lado do seletor de cor, e a imagem se atualiza na hora. O seletor de cor visual também permite escolher qualquer cor a olho.
Posso baixar em PNG, JPG ou WebP?
Sim. Escolha o formato na caixa de exportação: o PNG é sem perdas e ideal para cores sólidas, o JPG gera arquivos menores e o WebP equilibra qualidade e tamanho para navegadores modernos.
Dá para fazer um PNG de cor sólida transparente?
Não — as imagens geradas são totalmente opacas, com a cor ou o gradiente que você escolher, então não há transparência. Para um fundo transparente, use PNG em um editor de imagens dedicado.
Qual é a diferença entre gradiente linear e radial?
Um gradiente linear mescla as cores ao longo de uma linha reta no ângulo que você definir. Um gradiente radial mescla as cores para fora a partir do centro, em círculo. Ambos aceitam até 10 paradas de cor.
Meus dados de cor ficam privados?
Sim. Cada imagem é gerada no canvas do seu próprio dispositivo. Suas cores, dimensões e a imagem final nunca são enviadas, e nenhum dado de uso é coletado.
Ainda não há comentários. Seja o primeiro a comentar!