Saltar para o conteúdo

Extrair cores de uma imagem

Envie uma foto, um logo ou uma captura e obtenha sua paleta de cores na hora, com os códigos HEX, RGB, HSL e OKLCH prontos para copiar. Tudo acontece no seu navegador.

Ou arrasta e larga aqui

O ficheiro deve ser JPEG, PNG, WebP ou SVG e ter no máximo 40 MB

Não tem uma imagem à mão? Experimente um exemplo:

Matiz de cor

Envie uma imagem para extrair cores

Como extrair uma paleta de cores de uma imagem

O seletor de cor de imagem analisa qualquer foto e extrai automaticamente as cores que mais se repetem nela, gerando uma paleta pronta para usar nos seus projetos. É a forma mais rápida de transformar uma fotografia, uma captura de tela ou o logo de uma marca num conjunto de cores utilizável.

Ao contrário do seletor de cor, pensado para quando você já sabe a cor exata que procura, ou do círculo cromático, pensado para explorar harmonias do zero, esta ferramenta parte de uma imagem real: sua, de um cliente ou de qualquer referência visual que você queira transformar em paleta.

Envie uma imagem do seu dispositivo. A ferramenta a analisa no seu próprio navegador, sem enviá-la a nenhum servidor, e devolve as cores dominantes em Hex, RGB, HSL e OKLCH, prontas para copiar ou exportar. A partir da cor principal, você também pode gerar harmonias, variações tonais e verificar o contraste de acessibilidade, como nas outras ferramentas do Matizly.

É útil sempre que você quiser partir de uma imagem real: manter a coerência de uma foto de produto, montar uma paleta a partir de uma imagem de referência ou simplesmente reproduzir uma combinação de cores que viu numa foto.

Como funciona

  1. 1. Envie uma imagem

    Arraste uma foto, uma captura ou um logo para o quadro, ou clique em «Carrega a tua imagem». Aceita JPEG, PNG, WebP e SVG de até 40 MB, também da galeria ou da câmera do celular.

  2. 2. Escolha o estilo da paleta

    Com «Matiz de cor» você decide quais cores priorizar: vistosas, brilhantes, apagadas, profundas ou escuras. Pode mudar o número de cores e mover os pontos sobre a imagem.

  3. 3. Copie ou exporte

    Copie cada código em HEX, RGB, HSL ou OKLCH, exporte a paleta para CSS, Tailwind ou Figma, ou abra-a no círculo cromático para continuar ajustando.

Para que serve extrair cores de uma imagem

  • Paleta de marca a partir de um logo

    Obtenha as cores exatas de um logotipo para usá-las igualmente na web, nas redes ou na papelaria.

  • Sites que combinam com suas fotos

    Tire os tons da foto de produto ou do cabeçalho e use-os em botões, fundos e textos.

  • Inspiração em fotos e obras de arte

    Transforme uma paisagem, um quadro ou uma ilustração de que você gosta numa paleta pronta para seus designs.

  • Coerência nas redes sociais

    Mantenha o mesmo clima de cor em todas as suas publicações partindo de uma imagem de referência.

Sua imagem não sai do seu navegador

A análise é feita no seu próprio dispositivo: a imagem não é enviada para nenhum servidor e não a guardamos. Você pode usar fotos privadas ou material de clientes com total tranquilidade.

Por isso também é rápido: não é preciso esperar a imagem subir nem um servidor processá-la.

Perguntas frequentes

Envie uma imagem do seu dispositivo. A ferramenta a analisa automaticamente e gera uma paleta com as cores dominantes, mostrando o código em Hex, RGB, HSL e OKLCH.

Não. Toda a análise acontece diretamente no seu navegador. Sua imagem não é enviada nem armazenada em nenhum servidor.

Por padrão, gera uma paleta com as cores mais representativas da imagem. Você pode ajustar o número de cores extraídas para obter uma paleta mais simples ou mais detalhada.

Você pode enviar arquivos PNG, JPG, WEBP ou SVG do seu dispositivo. Se um SVG tiver HTML incorporado, essa parte é ignorada e são analisadas apenas suas formas e cores.

Sim. Depois de extrair a paleta, você pode escolher qualquer uma das cores como base e gerar automaticamente esquemas análogos, complementares, triádicos e as demais harmonias.

Serve para criar uma paleta a partir de uma foto de produto, reproduzir a combinação de cores de uma imagem de referência ou montar um conjunto de cores coerente com material visual já existente.

Mova qualquer um dos pontos sobre a imagem até a área que interessa: a cor é atualizada na hora com seu código HEX, RGB, HSL e OKLCH.

Sim. Envie o logo em SVG ou em PNG com boa resolução e ajuste o número de cores para coincidir com as do logotipo.

Sim. Você pode escolher uma foto da galeria ou tirar uma com a câmera e extrair as cores como no computador.

Ferramentas relacionadas