Extrair a paleta de cores
Que cores esta imagem realmente usa? Solte o arquivo e veja as cores dominantes com o código hex de cada uma, o quanto cada uma ocupa e as variáveis CSS já montadas para colar no seu projeto.
Ou arraste a imagem até aqui — uma por vez, porque a paleta é de uma imagem só.
Quantas cores extrair
Clique em qualquer amostra para copiar o código hex dela.
A imagem é lida dentro do seu navegador para contar as cores. Nenhum arquivo é enviado para servidor algum.
Como extrair a paleta de cores de uma imagem
- Solte a imagem. As cores aparecem na hora.
- Ajuste quantas cores quer ver — de 2 a 16.
- Clique numa amostra para copiar o hex, copie o bloco CSS inteiro ou baixe a faixa em PNG.
Como as cores são escolhidas?
Por corte mediano: a nuvem de cores da imagem é dividida repetidamente pelo eixo em que está mais espalhada, sempre no ponto do meio. É o que mantém viva a cor rara — o vermelho de um logo sobre fundo cinza sobrevive, em vez de ser engolido pela média.
Por que a porcentagem importa?
Porque saber que uma cor existe não diz se ela manda na imagem. A porcentagem mostra quanto cada cor ocupa, e a faixa é desenhada nessa mesma proporção — a cor que cobre metade da imagem cobre metade da faixa. Uma faixa de fatias iguais mentiria sobre qual é a cor principal.
A transparência atrapalha?
Não. Pixels transparentes ficam de fora da conta, e os quase invisíveis também — a cor guardada embaixo de uma transparência quase total costuma ser lixo do programa que gerou o arquivo, e entraria na paleta como uma cor que ninguém enxerga.
Serve para tirar a cor exata de um pixel?
Não é para isso. Aqui as cores são médias de grupos de pixels parecidos, que é o que se quer numa paleta. Para o valor exato de um ponto específico, um conta-gotas do seu sistema faz melhor.