Quais formatos de cor posso inserir?

Códigos HEX, de 3 dígitos (#abc) ou 6 dígitos (#aabbcc). O seletor de cores também escreve o HEX por você.

Quantas cores posso adicionar?

Quantas quiser. A imagem se alarga para acomodar todas as amostras em uma fileira.

O PNG é transparente?

Não. Cada amostra é uma cor sólida preenchendo sua área, então a imagem não tem transparência.

Posso usar a imagem comercialmente?

Sim. A imagem são apenas suas cores renderizadas como amostras; você é dono do que cria aqui.

Meus dados são enviados a um servidor?

Não. A imagem da paleta é gerada inteiramente no seu navegador.

Exportador de paleta de cores

Sites externos relacionados

Alguns links são links de afiliados.

Ferramentas relacionadas

Extrator de Cores de ImagemExtraia a paleta de cores dominantes de qualquer imagem no seu navegador, sem enviar nada. Obtenha HEX, RGB e porcentagem (%) de cada cor, escolha quantas cores e exporte como CSS/JSON.Gerador de Paleta de CoresGere paletas de cores harmônicas a partir de um HEX base com esquemas complementar, análogo, triádico e mais. Trave cores, regenere o resto e exporte para CSS, Tailwind ou JSON.Conversor de CoresConverta qualquer cor entre HEX, RGB, HSL, HSV e RGBA ao mesmo tempo. Edite um valor, copie com um clique, com alfa e contraste WCAG.Gerador de GradienteCrie gradientes CSS lineares, radiais e cônicos com múltiplas paradas de cor. Ajuste ângulo, forma e centro, e copie o CSS de background ou o valor do Tailwind com um clique.

Crie uma paleta de cores a partir das suas cores HEX e exporte-a como imagem PNG limpa com o rótulo HEX de cada cor. É perfeita para compartilhar uma paleta, inserir no Figma ou publicar nas redes sociais. Tudo é gerado no seu navegador; nada é enviado.

Como usar

Adicione, edite ou remova cores usando o seletor de cores ou o campo HEX.
Verifique a visualização ao vivo da imagem de amostras.
Baixe a paleta como PNG.

Como funciona

Cada cor se torna uma amostra desenhada em um canvas, lado a lado, com seu código HEX escrito abaixo. A cor do rótulo (preto ou branco) é escolhida automaticamente com base no brilho da amostra para que sempre permaneça legível. O canvas é então exportado como imagem PNG.

Recursos

Adicionar e editar cores

Use um seletor de cores ou digite códigos HEX; adicione ou remova quantas quiser.

Rótulos HEX

Cada amostra mostra seu código HEX para que a paleta seja autodescritiva.

Rótulos legíveis

O texto do rótulo alterna entre preto e branco com base no brilho da amostra.

Exportação PNG

Baixe uma imagem de alta resolução pronta para compartilhar ou importar.

Quando usar

Compartilhar uma paleta

Envie a um colega ou cliente uma imagem das cores escolhidas.

Inserir no Figma

Cole a imagem da paleta em um arquivo de design como referência.

Redes sociais

Publique uma imagem organizada da paleta para mostrar um esquema de cores.

Guia de marca

Inclua uma imagem de amostras rotulada em uma folha de marca simples.

Observações

As cores são inseridas em HEX; HEX de 3 ou 6 dígitos é aceito.
O PNG exportado tem fundo sólido, sem transparência.
As amostras são dispostas em uma única fileira.
Tudo é executado no seu dispositivo; nada é enviado.

Perguntas frequentes

Quais formatos de cor posso inserir?: Códigos HEX, de 3 dígitos (#abc) ou 6 dígitos (#aabbcc). O seletor de cores também escreve o HEX por você.
Quantas cores posso adicionar?: Quantas quiser. A imagem se alarga para acomodar todas as amostras em uma fileira.
O PNG é transparente?: Não. Cada amostra é uma cor sólida preenchendo sua área, então a imagem não tem transparência.
Posso usar a imagem comercialmente?: Sim. A imagem são apenas suas cores renderizadas como amostras; você é dono do que cria aqui.
Meus dados são enviados a um servidor?: Não. A imagem da paleta é gerada inteiramente no seu navegador.