Extrator de paleta de cores
Extraia as cores dominantes de uma foto ou design como uma paleta, com valores HEX e RGB e a proporção da imagem que cada cor cobre. Útil para combinar com uma marca ou construir um tema.
- Os arquivos nunca saem do seu dispositivo
- Grátis, sem cadastro
- Sem marcas d'água
- Funciona offline depois de carregado
Como extrator de paleta de cores
- 1
Adicione uma imagem
Solte uma foto, captura de tela ou design — ou cole da área de transferência.
- 2
Escolha quantas cores
Cinco ou seis geralmente é o ponto ideal para uma paleta utilizável.
- 3
Copie os valores
Cada amostra dá HEX e RGB, além de quanto da imagem cobre.
Como a quantização de corte mediano escolhe as cores
Uma fotografia típica contém centenas de milhares de cores distintas quando cada gradiente e sombra sutil é contado individualmente, muito mais do que qualquer paleta utilizável poderia mostrar. A quantização de corte mediano reduz isso tratando todos os pixels de uma imagem como pontos em um espaço de cor tridimensional, então repetidamente dividindo o grupo maior e mais espalhado ao longo de qualquer eixo — vermelho, verde ou azul — que tiver o intervalo mais amplo, até que o número de grupos solicitado permaneça. A cor média de cada grupo final se torna uma amostra na paleta.
Como a divisão é guiada por quão espalhado um grupo de cores está em vez de por quantos pixels ele tem, o resultado naturalmente favorece cores que são tanto comuns quanto visualmente distintas, em vez de apenas o valor de pixel mais frequente — uma grande área de azul céu quase idêntico não expulsa três outras cores genuinamente diferentes que cada uma cobre uma área menor. Este é o mesmo algoritmo central por trás do GIF e da geração clássica de paleta de 256 cores, aplicado aqui para construir uma paleta para uso em design em vez de para redesenhar a própria imagem.
Por que a paleta pode não se parecer nada com o que você esperava
A atenção humana é atraída para o assunto de uma fotografia — um rosto, um produto, um objeto focal — quase independentemente de quanto do quadro ele realmente ocupa, enquanto um algoritmo que conta pixels não tem nenhum conceito de assunto algum. Um retrato tirado contra uma grande extensão de folhagem verde vai retornar uma paleta dominada por verdes, porque verde genuinamente é a maioria dos pixels, mesmo que alguém olhando a foto diria que é "sobre" a pessoa no quadro, não sobre o fundo atrás dela.
A solução, quando isso acontece, é quase sempre recortar a imagem para a região que realmente importa antes de extrair a paleta — recortar bem próximo ao assunto de uma foto de produto, ou ao elemento focal de um mockup de design, remove os pixels de fundo que estavam distorcendo o resultado e deixa a paleta refletir a parte da imagem que a paleta realmente pretende representar.
Escolhendo quantas cores extrair
Menos cores forçam o algoritmo a generalizar mais agressivamente, o que é útil quando a paleta vai ser usada como uma paleta de marca ou tema pequena e deliberada — três ou quatro cores que cada uma precisa ser genuinamente distinta uma da outra. Mais cores capturam distinções mais finas na imagem de origem mas começam a produzir amostras quase duplicadas difíceis de distinguir uma vez que a contagem passa muito de seis ou sete, particularmente em imagens com gradientes sutis onde as amostras extras são na verdade apenas degraus ao longo do mesmo gradiente em vez de cores significativamente diferentes.
- 3–4 cores
- Uma paleta de marca enxuta — primária, secundária, e um ou dois destaques.
- 5–6 cores
- O padrão de uso geral. Alcance suficiente sem quase-duplicatas.
- 8+ cores
- Análise detalhada de uma imagem complexa, ao custo de alguma redundância entre amostras.
Perguntas frequentes
Como as cores são escolhidas?
Por quantização de corte mediano — as cores da imagem são repetidamente divididas em caixas ao longo de seu eixo mais largo até que o número de grupos solicitado permaneça, e a média ponderada de cada grupo se torna uma amostra. É o mesmo algoritmo que paletas GIF usam, e favorece cores tanto por quão distintas quanto por quão comuns são.
Por que a paleta é diferente do que eu vejo?
Porque o olho é atraído para o *assunto*, enquanto o algoritmo conta pixels. Uma foto de um carro vermelho na grama retorna principalmente verdes, já que isso é genuinamente a maior parte da imagem. Recortar para a parte que importa dá a paleta que você esperava.
O que a porcentagem significa?
A proporção de pixels atribuídos a essa amostra. É um bom indicador de peso visual — uma cor cobrindo 40% da imagem vai dominar qualquer design construído a partir da paleta, então geralmente pertence a um fundo em vez de um destaque.
Áreas transparentes são incluídas?
Não. Pixels totalmente transparentes são excluídos, então um logotipo em um fundo transparente retorna as cores do logotipo em vez de ser puxado em direção ao preto.
Tarefas comuns de extrator de paleta de cores
Você também pode precisar
Seletor e conversor de cor
HEX, RGB, HSL, CMYK e verificação de contraste
Comprimir PNG
Reduza arquivos PNG mantendo a transparência
Redimensionar imagem
Mude as dimensões da imagem por pixels ou porcentagem
Removedor de Fundo
Recorte o fundo de qualquer foto, direto no seu navegador
Comprimir JPG
Reduza arquivos JPG sem perda visível de qualidade
Recortar imagem
Arraste para recortar, com predefinições de proporção de aspecto
Gerador de favicon
Todo tamanho de favicon mais o HTML para instalá-lo
HEIC para JPG
Converta fotos HEIC do iPhone para JPG no seu navegador