Ferramenta de imagem / 25
Extrator de Paleta de Cores
Extraia as cores dominantes de uma imagem como valores HEX e RGB, ordenadas pela área da imagem que cada uma ocupa.
Extrator de Paleta de Cores: TOEA amostra a imagem, agrupa suas cores com um quantizador por corte mediano, e então informa a cor média de cada grupo junto com a fração da imagem que ele ocupa. Roda 100% localmente no seu navegador, sem enviar nenhum arquivo para o servidor.
- Categoria
- Ferramentas de imagem
- Execuções
- No seu navegador
- Custo
- Grátis · sem cadastro
- Disponibilidade
- Pronto para usar
Roda inteiramente no seu navegador
PNG, JPG ou WebP · até 30 MB
Por que a paleta de uma foto parece apagada
Cada cor é a média dos pixels do seu grupo, e a média tende ao cinza: um pôr do sol com alguns pixels laranja vibrantes entre muitos pixels mais escuros pode produzir um laranja mais apagado do que o olho se lembra. Bordas suavizadas e gradientes criam tons intermediários que podem ocupar uma posição própria. Para obter uma cor exata da marca em um logotipo, selecione uma área uniforme com o seletor de cores de imagem ou use a cor do SVG original ou do guia de estilos.
Da paleta ao esquema de cores
Trate uma paleta extraída como matéria-prima. As cores dominantes e pouco saturadas geralmente funcionam como fundos e superfícies grandes; as menores e mais saturadas são melhores para destaques e botões. Antes de usar qualquer uma delas em textos, verifique a combinação com o verificador de contraste: a WCAG exige pelo menos 4,5:1 para texto corrido, e as cores extraídas de fotos geralmente precisam ser escurecidas ou clareadas para atingir esse valor.
Como usar
- Escolha uma imagem.
- Selecione quantas cores você quer.
- Copie os valores HEX.
Privacidade e limitações
A imagem é lida no seu navegador e nunca é enviada. A imagem é reduzida por amostragem antes da análise, para que uma foto grande continue responsiva.
Ferramentas relacionadas
Perguntas frequentes
Como as cores são escolhidas?
As cores são repetidamente divididas em grupos ao longo do canal que mais varia; assim, o detalhamento vai para onde a imagem realmente varia, e não para um fundo uniforme.
O que significa a porcentagem?
A parcela de pixels amostrados que pertencem àquele grupo de cor; por isso a cor dominante aparece primeiro.
Os valores são exatos?
Cada item é a média dos pixels reais do seu grupo; assim, uma área uniforme informa sua cor exata, e não a de um vizinho aproximado.
Por que recebo menos cores do que pedi?
A imagem contém menos cores distintas do que o número solicitado. Só o que existe é informado.
Ferramenta grátis · no seu navegador execuções · não precisa de conta