Extrator de paletas de cores
Entrada · OriginalSaída · Resultado

Extrator de paletas de cores

Arraste qualquer imagem. A ferramenta agrupa as cores de forma determinística e gera uma folha de paleta com valores hexadecimais e a proporção da imagem que cada cor ocupa. A mesma imagem dá sempre a mesma paleta.

Entrada
Imagem de referência · ObrigatórioLayout da paleta · OpcionalNúmero de cores · Opcional
Saída
Prancha de paleta anotada com valores hexadecimais × 1

Imagem de referência

Obrigatório

Arraste e largue uma imagem

A imagem é carregada na tela; este formulário leva as definições.

Layout da paletaOpcional
Número de coresOpcional

O que obtém ao extrair uma paleta de cores de uma imagem

Extrair uma paleta de cores de uma imagem significa encontrar as cores que realmente sustentam a imagem e atribuir-lhes números. Esta ferramenta agrupa-as em clusters em vez de adivinhar, pelo que a paleta é repetível, e cada amostra vem identificada com o seu valor hexadecimal.

Fotografia à esquerda e paleta de seis amostras extraída dela à direita
Uma fotografia e a folha de paleta extraída dela

Três coisas que o extrator de paletas de cores lhe devolve

Entra uma imagem. Recebe de volta uma folha que pode ler, da qual pode copiar e que pode voltar a obter amanhã.

Prancha de paleta de seis amostras iguais organizada abaixo da imagem de origem
Copiável

Valores hexadecimais em cada amostra

Cada cor é identificada com o seu valor hexadecimal, pelo que entra diretamente num ficheiro de design, numa folha de estilos ou numa especificação sem que ninguém tenha de a selecionar primeiro a olho.

Barra de paleta proporcional em que a largura de cada cor corresponde à sua participação na imagem
Proporção da imagem

Proporções, não apenas cores

Cada amostra indica quanto da imagem ocupa. É essa a diferença entre uma cor que está na imagem e uma cor de que a imagem é realmente feita.

Duas extrações de uma imagem com fileiras idênticas de amostras
Determinístico

A mesma imagem dá a mesma paleta

A extração faz-se por agrupamento, não por uma suposição generativa. Execute-a de novo no próximo mês com o mesmo ficheiro e obterá as mesmas seis cores, o que a torna utilizável como referência, em vez de um resultado único.

Como obter uma paleta de cores a partir de uma fotografia em quatro passos

  1. Arraste e largue a imagem

    Uma fotografia, uma captura de ecrã, um logótipo, uma obra de arte. Qualquer coisa com cor funciona, e não é preciso preparar nada primeiro.

  2. Escolha quantas cores

    Quatro para uma leitura rápida, seis para uma paleta de trabalho, oito quando a imagem é carregada e precisa da cauda longa.

  3. Escolha a disposição

    As Barras e a Grelha servem para ler as cores. O Proporcional serve para ver de que cores a imagem é realmente composta.

  4. Extraia e depois continue a trabalhar

    A folha de paleta aparece numa nova tela Virse ao lado da imagem. Copie os valores hexadecimais, volte a executar com uma contagem diferente, ou leve a folha para um documento.

Quem precisa de uma paleta de cores de marca a partir de uma imagem

Pessoas que têm de dar nome a uma cor antes de alguém poder trabalhar com ela.

Marca abstrata simples ao lado da paleta extraída dela

Designers de marca e identidade

Recupere a paleta de trabalho a partir de um logótipo ou de um antigo ativo de marca quando a especificação original desapareceu e só sobrevive a arte.

Foto de referência ao lado de blocos abstratos organizados em sua paleta

Designers de UI e Web

Retire uma paleta inicial de uma imagem de referência, com valores hexadecimais prontos a colocar em tokens em vez de recolhidos a olho.

Quatro imagens de campanha, cada uma acima de sua própria fileira de paleta extraída

Equipas de conteúdo e redes sociais

Verifique se um conjunto de imagens está realmente alinhado com a marca olhando para as cores de que são feitas, não para as cores que aparentam.

Qual é o aspeto de uma folha de paleta de cores a partir de uma imagem

Foto de produto acima de sua paleta de seis amostras
Seis cores, com valores hexadecimais indicados: uma paleta de trabalho retirada de uma fotografia de produto
Barra de paleta proporcional sob fotografia, com larguras conforme a predominância
Disposição proporcional: larguras das amostras que mostram do que a imagem é maioritariamente composta
Marca geométrica abstrata acima da paleta extraída dela
Paleta a partir de um logótipo: cores da marca recuperadas de uma arte-final sem ficheiro de especificações
Fotografia carregada reduzida a quatro amostras dominantes
Leitura rápida em quatro cores: a versão útil mais curta de uma fotografia carregada
Oito amostras mostrando cores de destaque junto às dominantes
Oito cores, cauda longa: cores de destaque reveladas juntamente com as dominantes
Duas fileiras idênticas de amostras extraídas da mesma fotografia
Mesmo ficheiro, mesmo resultado: duas execuções com um mês de intervalo, amostras idênticas

Porque é que um extrator determinístico é melhor do que um conta-gotas

A amostragem manual funciona até ter de a fazer duas vezes e obter a mesma resposta.

Escolher cores a olho

  • O local onde clica determina a cor, por isso duas pessoas obtêm duas paletas a partir de uma só imagem
  • Nada lhe diz se uma cor cobre metade da imagem ou apenas um canto
  • Repetir o exercício no mês seguinte dá um conjunto diferente
  • Os valores são escritos à mão, e é daí que vêm as gralhas

O extrator Virse

  • A imagem é agrupada, pelo que a paleta vem da imagem inteira e não de um clique
  • Cada amostra mostra a sua proporção da imagem juntamente com o seu valor hexadecimal
  • O mesmo ficheiro dá a mesma paleta sempre que é executado
  • A folha aparece numa tela com os valores já identificados e prontos a copiar
Perguntas frequentes

Perguntas

A paleta é estável se a executar duas vezes?
Sim. A extração é um agrupamento determinístico, não uma suposição generativa, por isso a mesma imagem gera sempre a mesma paleta.
Os valores hexadecimais podem ser usados diretamente?
Sim. Cada amostra é identificada com o seu valor hex e a sua percentagem na imagem, para que possa copiá-las diretamente para um ficheiro de design.
Altera a minha imagem?
Não. Nada é feito à imagem que carrega. O que recebe é uma folha de paleta separada, e o original fica ao lado dela na tela, sem alterações.
Pode sugerir uma paleta que combine com estas cores?
Não. Indica o que está na imagem, em vez de propor o que deveria estar. Regras de harmonia, esquemas complementares e paletas geradas são outro tipo de ferramenta, e esta não adivinha deliberadamente.
Pressionar Criar executa a ferramenta imediatamente?
Não. Suas entradas vão para uma nova tela e chegam já preenchidas na ferramenta, mas nada é executado até você pressionar Iniciar lá. Um link nunca pode gastar seus créditos por você.
Posso continuar trabalhando no resultado depois?
Sim. Tudo que a ferramenta produz chega a uma tela normal do Virse; você pode gerar novamente um único resultado, ajustá-lo ou levá-lo para edição sem exportar e importar de novo.

Obtenha a paleta por trás de uma imagem

Comece aqui. Largue uma imagem e a paleta abre-se numa nova tela do Virse ao lado dela, sem que nada seja executado até premir Iniciar.