Seletor de Cores de Imagem e Extrator de Paleta

Carregue uma imagem, clique em qualquer ponto dela para capturar a cor exata sob o cursor e copie o valor HEX, RGB ou HSL. A ferramenta também extrai automaticamente uma paleta com as cores principais. Sua imagem é lida diretamente do canvas no seu navegador e nunca é enviada para lugar nenhum.

Arraste e solte uma imagem aqui, ou clique para escolher um arquivo

JPG, PNG, WebP e GIF são suportados. Os arquivos permanecem no seu dispositivo.

Clique na imagem para selecionar uma cor. Mova o cursor para visualizar antes de clicar.

Cor selecionada

Paleta

As cores são lidas diretamente dos pixels da imagem pelo seu navegador usando a Canvas API. A imagem em si nunca é enviada para um servidor.

Capture Cores Exatas de Qualquer Imagem

Designers e desenvolvedores precisam constantemente da cor exata de um pixel: o azul de um logotipo, o fundo de uma captura de tela, o tom de destaque em uma foto. Este seletor de cores de imagem transforma sua imagem em um canvas clicável, informa o valor sob o cursor em três formatos comuns e permite copiar qualquer um deles com um único clique. Além do seletor, ele analisa a imagem inteira e monta uma paleta com as cores mais comuns, para que você possa aproveitar um esquema pronto direto de uma imagem de referência.

Use para combinar cores de marca, reconstruir um tema a partir de uma captura de tela, extrair tons de uma foto para um design ou tirar um esquema de cores de uma arte.

Como Selecionar uma Cor

  1. Abra uma imagem. Solte ou selecione uma imagem e ela aparece no canvas.
  2. Clique em um pixel. Clique em qualquer ponto da imagem para capturar a cor daquele ponto.
  3. Copie o código. Copie o valor HEX, RGB ou HSL, ou clique em uma amostra da paleta para copiar seu HEX.

Três Formatos de Cor

Cada seleção é exibida em HEX para CSS e ferramentas de design, RGB para código e HSL para ajustar matiz, saturação e luminosidade. Copie o que o seu projeto precisar.

Paleta Automática

A ferramenta amostra a imagem e agrupa tons semelhantes para revelar as cores dominantes, oferecendo uma paleta instantânea que você pode aproveitar para um design coerente.

Lê os Pixels Localmente

A imagem é desenhada em um canvas no seu navegador e as cores são lidas de lá. Nada é enviado, então mockups e capturas de tela privados permanecem na sua máquina.

Motivos Práticos para Usar

  • Cópia com um clique: capture HEX, RGB ou HSL instantaneamente.
  • Paleta em segundos: as cores principais de qualquer imagem, prontas para reutilizar.
  • Sem upload: os pixels são lidos no seu navegador e permanecem privados.
  • Sem custo: grátis, sem conta e sem marca d'água em nada.
  • Qualquer dispositivo: funciona com um clique no computador ou um toque no celular.

Usos Comuns do Seletor de Cores

O motivo mais frequente pelo qual as pessoas abrem esta ferramenta é obter o código hex de uma cor que veem em uma foto ou captura de tela. Solte um logotipo e clique na marca para ler a cor exata da marca, ou clique no fundo de uma captura de tela para combinar a cor de um site com uma imagem que você está usando como base. Cada seleção fornece o valor em três formatos de uma vez: um código HEX como #1A73E8 para colar no CSS ou em um aplicativo de design, uma string RGB como rgb(26, 115, 232) para código e uma string HSL para ajustar matiz, saturação e luminosidade. Há um botão de copiar ao lado de cada um, então encontrar o valor RGB de um único pixel é apenas um clique e uma cópia.

Também é uma forma rápida de montar uma paleta a partir de uma imagem. Quando a imagem carrega, a ferramenta lê os pixels e lista até oito das cores mais comuns como amostras, cada uma com seu código HEX abaixo. Clique em uma amostra para carregar aquela cor no visor principal, ou clique no código para copiá-lo direto para a área de transferência. Isso facilita tirar um esquema de cores de uma arte, uma foto ou um moodboard, ou extrair um conjunto de tons combinando de uma imagem de referência sem ficar no chute.

Perguntas Frequentes

Abra sua imagem e clique no ponto que lhe interessa. A cor daquele pixel aparece como HEX, RGB e HSL, cada uma com um botão de copiar.

Sim. Assim que a imagem carrega, a ferramenta a analisa e mostra uma paleta com as cores mais comuns. Clique em qualquer amostra para copiar seu valor HEX.

Não. A imagem é desenhada em um canvas no seu navegador e os valores de cor são lidos de lá. O arquivo nunca é enviado para um servidor.

São três formas de escrever a mesma cor. HEX é comum no CSS, RGB lista os valores de vermelho, verde e azul, e HSL descreve matiz, saturação e luminosidade, o que é útil para ajustar tonalidades.

Sim. Toque na imagem para amostrar uma cor. A ferramenta funciona em navegadores de celular sem nenhum aplicativo.

Ela lê o valor exato do pixel a partir dos dados da imagem, então a cor é tirada diretamente da fonte, e não estimada.

Sim. Você pode amostrar qualquer pixel visível. Áreas totalmente transparentes não informam cor porque não há nada para ler ali.

Sim, é totalmente grátis, não precisa de conta e não adiciona nada à sua imagem.

Carregue a imagem e clique no ponto desejado. O campo HEX mostra o código daquele pixel, por exemplo #1A73E8, e o botão Copiar ao lado dele coloca o código na sua área de transferência, pronto para colar no CSS ou em uma ferramenta de design.

Clique no pixel na imagem e leia o campo RGB, que mostra a cor como rgb(vermelho, verde, azul), por exemplo rgb(26, 115, 232). Use o botão Copiar para pegar o valor. A mesma seleção também é exibida como HEX e HSL.

Abra a imagem do logotipo e clique diretamente na parte colorida da marca. A cor selecionada aparece como HEX, RGB e HSL com botões de copiar, para que você possa capturar a cor exata da marca. A paleta automática ao lado também lista as cores principais do logotipo como amostras que você pode copiar.

Sim. A imagem é desenhada em um canvas no seu navegador e as cores são lidas dos pixels ali mesmo. Nada é enviado para um servidor, então o arquivo nunca sai do seu dispositivo.

Ferramentas Relacionadas