Extrator de Cores
Tire uma paleta de qualquer imagem
Imagem
Resultado
Nenhuma imagem ainda
Solte uma imagem e a paleta aparece aqui.
A porcentagem indica quanto da área da imagem aquela família de cor cobre.
Montar um design em torno de uma fotografia, de um logo ou de uma embalagem fica muito mais fácil quando dá para ver as cores reais como números. Solte uma imagem e receba os tons dominantes com os códigos hex.
Como usar
- 1 Solte uma imagem.
- 2 Escolha quantas cores você quer na paleta.
- 3 Clique em qualquer amostra para copiar o código hex.
- 4 Ou copie o conjunto inteiro como propriedades personalizadas de CSS.
Perguntas frequentes
Como as cores são escolhidas?
Os pixels são agrupados em conjuntos de cor parecida, e cada conjunto contribui com a sua média. É por isso que você recebe alguns tons representativos em vez do valor de pixel mais comum.
Quantas cores devo extrair?
Cinco é um bom padrão — mais ou menos um fundo, uma cor de frente, um destaque e dois tons de apoio. Acima de oito costumam surgir quase duplicatas que não servem como paleta.
O que significa a porcentagem?
Quanto da área da imagem pertence àquele conjunto de cor. Uma cor com 40% domina a foto; uma com 3% é um pequeno destaque, que muitas vezes é justamente a que você quer para botões.