Extrator de cor dominante
Descubra a cor principal de uma imagem como um código HEX para copiar.
- Roda no seu navegador
- Sem uploads
- Sem conta
Carregando a ferramenta no navegador…
O que faz: Extrator de cor dominante
Às vezes você precisa de uma cor, não de uma paleta: a cor da marca no logo de um cliente para um fundo de slide combinando, ou o tom principal de uma miniatura para o espaço reservado de um card. O extrator agrupa a imagem em seis cores e mostra a maior em uma amostra grande, com até quatro outras cores frequentes abaixo.
Ignorar branco, preto e cinza vem ativado por padrão, então um logo sobre uma tela branca retorna a cor do logo, e não branco. Desative quando o neutro for mesmo a cor principal, como em um app no modo escuro. Se uma imagem for toda neutra, esses pixels são usados mesmo assim, para você ter um resultado. Para várias cores de uma vez, use o Extrator de paleta de cores.
Exemplo
Você escolhe
Um logo: um símbolo laranja #ED6C50 e texto preto sobre fundo branco
Resultado
Cor dominante próxima de #ED6C50 Outras cores frequentes listadas abaixo, com a participação de cada uma
Branco e preto são ignorados por padrão, então o símbolo laranja vence, mesmo com o branco cobrindo uma parte maior da imagem.
Como usar: Extrator de cor dominante
- Clique em Escolher arquivo ou cole a imagem.
- Deixe Ignorar branco, preto e cinza ativado, ou desative para contar os neutros.
- Clique em Copiar HEX para a cor dominante, ou em Copiar em uma das outras cores frequentes.
Bom saber
- A cor dominante é a média de um grupo de pixels, então pode ficar um pouco fora do código exato da marca. Confira com o guia da marca.
- Tons pastel muito claros e tons de azul-marinho muito escuros perto do limite de neutro podem ser ignorados como “cinza” com a opção ativada. Desative se faltar uma cor.
- A porcentagem se refere só aos pixels contados. Com os neutros ignorados, ela não representa a imagem inteira.
Perguntas sobre Extrator de cor dominante
Como descubro a cor principal de um logo?
Carregue o logo com Ignorar branco, preto e cinza ativado. A amostra grande é a cor não neutra mais comum, que na maioria dos logos é a cor da marca. Clique em Copiar HEX para usá-la.
O que é a cor dominante de uma imagem?
É a cor que cobre mais pixels depois que tons parecidos são agrupados. Aqui, os pixels são agrupados em seis cores, e o maior grupo, ignorando os neutros por padrão, é o dominante.
Como posso usar uma cor dominante em design?
Usos comuns são um fundo combinando atrás de um logo ou de uma captura de tela, uma cor de espaço reservado enquanto uma imagem carrega e uma cor de destaque para uma demo ou um slide de um cliente específico. Cole o HEX em Cores personalizadas no Gerador de fundo para capturas de tela.