Paleta de cores a partir de imagem
Solte uma foto, uma arte ou um print e receba as cores principais como paleta: de 4 a 10 amostras, cada uma com o código HEX e quanto ocupa da imagem. Copie como variáveis CSS ou como lista de HEX, ou salve a paleta em PNG. Cada amostra é uma cor que existe de verdade na imagem, não uma mistura. Tudo roda no seu navegador.
Clique ou toque para pegar a cor. No celular, arraste o dedo para mirar e solte para escolher.
Cor escolhida
Clique em qualquer ponto da imagem para ver o código da cor.
- HEX
- RGB
- HSL
Últimas cores
Cores principais
Como funciona
- Solte uma imagem, escolha um arquivo ou cole um print com Ctrl+V.
- Escolha quantas cores quer: 4, 6, 8 ou 10.
- Clique em uma amostra para copiar o HEX, ou copie a paleta toda como CSS ou lista, ou baixe em PNG.
Perguntas frequentes
Como as cores são escolhidas?
Uma cópia reduzida da imagem é agrupada em cores parecidas (median cut, refinado com k-means). De cada grupo aparece a cor real de pixel mais próxima, em ordem de quanto ocupa da imagem.
Por que uma pequena cor de destaque ficou de fora?
A paleta mostra as cores que cobrem mais área, e pontinhos abaixo de cerca de 0,4 % são descartados. Tente 8 ou 10 cores, ou clique no detalhe da imagem para pegar a cor direto.
Como uso a paleta no CSS, Figma ou Canva?
“Copiar como CSS” gera variáveis (--color-1, --color-2…) para colar na sua folha de estilo. “Copiar lista HEX” dá um código por linha, pronto para colar no Figma, no Canva ou em qualquer campo de cor. O PNG serve bem para moodboards.
Funciona com logos e PNG transparente?
Sim. Pixels transparentes são ignorados e as cores chapadas de um logo saem exatas, porque cada amostra é ajustada a um pixel real da imagem.
Minha imagem é enviada para algum lugar?
Não. A paleta é calculada no seu navegador e a imagem não vai para nenhum servidor.