Extrair paleta de cores de uma foto
Uma predefinição de Extrator de paleta de cores
Construa um esquema de cores a partir de uma fotografia. Predefinido para seis cores, o que é suficiente para capturar o alcance de uma foto sem produzir quase-duplicatas difíceis de distinguir em um design.
- Os arquivos nunca saem do seu dispositivo
- Grátis, sem cadastro
- Sem marcas d'água
- Funciona offline depois de carregado
Como extrator de paleta de cores
- 1
Adicione uma imagem
Solte uma foto, captura de tela ou design — ou cole da área de transferência.
- 2
Escolha quantas cores
Cinco ou seis geralmente é o ponto ideal para uma paleta utilizável.
- 3
Copie os valores
Cada amostra dá HEX e RGB, além de quanto da imagem cobre.
Construindo um tema a partir de uma fotografia especificamente
Extrair uma paleta de uma fotografia é um trabalho diferente de extrair uma de um logotipo ou um design plano, porque uma foto carrega iluminação e sombra contínuas em vez de um pequeno número de cores planas deliberadas — a mesma camisa vermelha pode contribuir com uma dúzia de amostras sutilmente diferentes através de seus lados iluminados e sombreados antes que a quantização as agrupe de volta juntas. Seis cores é margem suficiente para capturar esse alcance — um par de tons dominantes, uma cor de apoio, e um ou dois destaques extraídos de áreas menores mas visualmente distintas — sem que a paleta colapse em seis tons quase idênticos do mesmo matiz.
Uma paleta construída assim a partir de, digamos, uma foto de paisagem ou produto tende a funcionar bem como semente para um tema de site ou um mockup de design: a amostra mais comum (geralmente a área maior, como céu ou fundo) é uma cor natural de fundo ou superfície discreta, e as amostras menores com maior porcentagem de cobertura são candidatas naturais para destaques precisamente porque o algoritmo já favoreceu cores que são visualmente distintas do resto da imagem.
Vale a pena verificar a porcentagem de cobertura antes de comprometer uma amostra a um papel específico em um design: uma cor que cobre 45% da foto de origem vai parecer avassaladora se usada como um pequeno destaque, enquanto uma cor cobrindo apenas 3% vai desaparecer se usada como um grande preenchimento de fundo. Combinar a proporção de cobertura de uma amostra com um papel de peso visual similar no novo design geralmente produz um resultado mais equilibrado do que escolher puramente por qual cor parece mais bonita isolada.
Perguntas frequentes
Como as cores são escolhidas?
Por quantização de corte mediano — as cores da imagem são repetidamente divididas em caixas ao longo de seu eixo mais largo até que o número de grupos solicitado permaneça, e a média ponderada de cada grupo se torna uma amostra. É o mesmo algoritmo que paletas GIF usam, e favorece cores tanto por quão distintas quanto por quão comuns são.
Por que a paleta é diferente do que eu vejo?
Porque o olho é atraído para o *assunto*, enquanto o algoritmo conta pixels. Uma foto de um carro vermelho na grama retorna principalmente verdes, já que isso é genuinamente a maior parte da imagem. Recortar para a parte que importa dá a paleta que você esperava.
O que a porcentagem significa?
A proporção de pixels atribuídos a essa amostra. É um bom indicador de peso visual — uma cor cobrindo 40% da imagem vai dominar qualquer design construído a partir da paleta, então geralmente pertence a um fundo em vez de um destaque.
Áreas transparentes são incluídas?
Não. Pixels totalmente transparentes são excluídos, então um logotipo em um fundo transparente retorna as cores do logotipo em vez de ser puxado em direção ao preto.
Você também pode precisar
Seletor e conversor de cor
HEX, RGB, HSL, CMYK e verificação de contraste
Comprimir PNG
Reduza arquivos PNG mantendo a transparência
Redimensionar imagem
Mude as dimensões da imagem por pixels ou porcentagem
Removedor de Fundo
Recorte o fundo de qualquer foto, direto no seu navegador
Comprimir JPG
Reduza arquivos JPG sem perda visível de qualidade
Recortar imagem
Arraste para recortar, com predefinições de proporção de aspecto
Gerador de favicon
Todo tamanho de favicon mais o HTML para instalá-lo
HEIC para JPG
Converta fotos HEIC do iPhone para JPG no seu navegador