Ir para o conteúdo principal
DailyBox

Extrator de paleta de cores

Extraia as cores dominantes de qualquer imagem, edite-as e bloqueie-as, crie harmonias de cor e exporte para CSS, JSON, SVG, PNG ou ASE.

Largue uma imagem aqui

Arraste uma imagem ou procure nos seus ficheiros. É lida no navegador e nunca é enviada.

PNG, JPG, WebP, GIF, AVIF, BMP e SVG, conforme o que o seu navegador suportar.

A sua imagem é processada no navegador e nunca é enviada. O consultor de IA opcional envia apenas os códigos HEX da sua paleta.

Extraia as cores de uma imagem e transforme-as numa paleta

Esta ferramenta lê uma imagem no navegador e encontra as suas cores dominantes. Agrupa os píxeis semelhantes, ordena os grupos pela parte da imagem que cobrem e dá-lhe uma paleta de 5, 8, 10 ou 12 cores com valores HEX, RGB, HSL e CMYK. A sua imagem nunca é enviada.

Depois pode editar ou bloquear cores, recolher cores extra diretamente da imagem, criar harmonias de cor e exportar o resultado. Para verificar um contraste ou converter uma única cor, use o conversor de cores e verificador de contraste.

Como funciona

  1. Largue uma imagem na página ou escolha um ficheiro.
  2. Escolha o número de cores e ajuste a variedade: valores mais altos juntam tons parecidos e valores mais baixos mantêm diferenças subtis.
  3. Clique numa cor para ver os valores HEX, RGB, HSL e CMYK, editá-la, bloqueá-la ou removê-la. Clique na imagem para adicionar a cor sob o cursor.
  4. Abra a secção de harmonias para gerar cores complementares, análogas, em tríade, complementares divididas, monocromáticas, quentes ou frias a partir de qualquer cor da paleta.
  5. Exporte a paleta como variáveis CSS, JSON, SVG, PNG ou ficheiro de amostras ASE.

Quando usar

  • Criar uma paleta de interface ou de marca a partir de uma fotografia, de um logótipo ou de uma captura de ecrã.
  • Gerar variáveis CSS para um site a partir de uma imagem existente.
  • Encontrar combinações de texto e fundo e verificar a sua legibilidade.
  • Reunir cores para um moodboard ou uma apresentação.

Convém saber

  • A paleta é um resumo estatístico da imagem. Os detalhes pequenos podem ser fundidos num tom próximo, a menos que baixe a variedade ou escolha mais cores.
  • As cores são lidas tal como o seu navegador as mostra (sRGB). Os perfis de cor incorporados podem fazer o mesmo ficheiro parecer diferente noutro software.
  • A percentagem é a parte dos píxeis da imagem agrupados numa cor. Os píxeis transparentes, e o branco ou o preto se optar por os ignorar, não são contados. As imagens grandes são reduzidas para a análise.
  • Os valores CMYK são uma conversão matemática simples a partir de RGB. As cores impressas dependem das tintas, do papel e dos perfis.
  • As harmonias são calculadas com as regras do círculo cromático e marcadas como geradas. Não vêm da sua imagem.
  • O consultor de IA é opcional. Só envia os códigos HEX da sua paleta e a sua breve nota para a API Gemini da Google, pode estar indisponível ou ter excedido a quota, e as sugestões são ideias, não garantias. O DailyBox recalcula o contraste dos pares de texto e fundo que propõe.
  • O ficheiro ASE contém as suas cores como amostras RGB. Não foi testado em software Adobe, por isso, se uma aplicação o rejeitar, use a exportação CSS ou JSON.

Perguntas frequentes

A minha imagem é enviada para algum lado?

Não. A imagem é lida e analisada no navegador. Só se usar o consultor de IA opcional é que os códigos HEX da sua paleta e a sua breve nota são enviados ao serviço de IA, nunca a imagem.

Quantas cores vou obter?

Escolhe 5, 8, 10 ou 12. Se a imagem tiver menos cores claramente diferentes com as suas definições, obtém menos e uma mensagem avisa-o.

As cores bloqueadas mudam quando regenero a paleta?

Não. As cores bloqueadas ficam no lugar e as restantes são encontradas de novo. Uma cor nova nunca é quase igual a uma bloqueada.

Como é escolhida a cor dominante?

É o grupo de cor que cobre a maior parte dos píxeis da imagem. A percentagem mostrada ao lado é essa parte.

Que formatos posso exportar?

Variáveis CSS, JSON, SVG, uma imagem PNG e um ficheiro de amostras ASE. Pode copiar o CSS e o JSON ou transferir qualquer um deles.

Preciso da IA para usar a ferramenta?

Não. A extração, a edição, o bloqueio, as harmonias e as exportações funcionam sem ela e continuam a funcionar se o serviço de IA estiver indisponível.

Ferramentas relacionadas