Seletor de cores de imagem

Envie, arraste ou cole uma foto e clique em qualquer ponto para ver o código hex, os valores RGB e HSL e o nome da cor. O seletor também extrai uma paleta com as cores principais da imagem.

Como pegar uma cor de uma imagem

  1. Clique em Escolher imagem, arraste uma foto para o quadro ou cole uma captura de tela com Ctrl+V (Cmd+V no Mac). Uma foto de exemplo já vem carregada para você testar primeiro.
  2. Clique em qualquer ponto da foto. O marcador selecionado vai para esse ponto, e a lupa mostra os pixels sob o ponteiro para você acertar exatamente o que quer.
  3. Veja a cor à esquerda: o código hex e os valores RGB e HSL, cada um com um botão de copiar, e o nome mais próximo em uma lista de mais de 900 cores com nome.
  4. Para montar uma paleta, use o controle deslizante ou os botões de mais e menos para extrair de 2 a 10 cores, depois abra no gerador ou crie um sistema de cores completo a partir da mais viva.

O que você pode fazer

  • Pegue qualquer pixel

    Clique ou arraste na foto para capturar o pixel exato sob o marcador, com uma visão ampliada dos pixels ao redor.

  • HEX, RGB e HSL

    Cada cor capturada mostra o código hex e os valores RGB e HSL, prontos para copiar para o CSS, o Figma ou qualquer ferramenta de design.

  • Descubra o nome da cor

    O seletor dá o nome da cor, ou da cor com nome mais próxima, com um link para a página dela com tons, cores que combinam e contraste.

  • Paleta automática

    Os marcadores começam nas cores dominantes e distintas da imagem, então você ganha uma paleta útil de 2 a 10 cores sem precisar clicar.

  • Envie, arraste ou cole

    Escolha um arquivo, arraste um para o quadro ou cole uma captura de tela direto da área de transferência.

  • Privado por padrão

    A foto que você adiciona é lida no seu navegador para capturar os pixels e não é enviada a nenhum servidor.

Perguntas frequentes

Como descobrir o código hex de uma cor em uma imagem?

Adicione a imagem com Escolher imagem, arrastando e soltando ou colando, e clique no ponto que você quer. O código hex aparece à esquerda com um botão de copiar, ao lado dos valores RGB e HSL.

Como saber qual é a cor de algo em uma foto?

Clique nela no seletor. Você recebe o código exato da cor daquele pixel e o nome da cor mais próxima entre mais de 900 cores com nome, com um link para uma página sobre essa cor. Luz e sombra mudam os pixels, então teste alguns pontos.

Como o seletor escolhe as cores da paleta?

Ele agrupa os pixels de uma cópia reduzida da imagem pela forma como o olho os percebe, no espaço de cor OKLab, e escolhe um pixel representativo de cada grupo. Cores quase repetidas são descartadas, então uma imagem uniforme gera menos cores, porém mais distintas.

Minha foto é enviada para algum lugar?

Não. A foto que você escolhe é lida no seu navegador para que os pixels possam ser capturados, e não é enviada ao nosso servidor. Só a foto de exemplo com que a página abre é carregada da web.

Posso pegar uma cor de uma captura de tela?

Sim. Faça a captura de tela, pressione Ctrl+V (Cmd+V no Mac) nesta página para colar e clique na cor que você quer. Funciona com sites, apps e quadros de vídeo.

Quais formatos de imagem funcionam?

Qualquer imagem que o seu navegador consiga exibir, o que normalmente inclui JPEG, PNG, WebP e GIF.