utilobox
Português

Seletor de cor de imagem

Funciona como um conta-gotas: aponte para qualquer ponto da imagem e copie o código da cor, ou extraia a paleta com as cores principais.

Abra uma imagem e toque ou clique nela para capturar uma cor.

ou solte o arquivo aqui

Você também pode colar uma imagem com Ctrl+V (Command+V no Mac).

Seus arquivos não saem do seu aparelho. Tudo é feito no seu navegador.

Como usar

  1. Clique em “Escolher arquivo”, solte a imagem na página ou cole com Ctrl+V.
  2. Toque ou clique no ponto da imagem que tem a cor que você quer.
  3. Copie o código em HEX, RGB, HSL ou CMYK pelo botão ao lado de cada valor.
  4. Em “Cores principais”, escolha quantas cores quer e copie a paleta ou salve como PNG.

O que faz

  • Lupa de precisão

    Uma lupa de 11 × 11 pixels com grade mostra o ponto exato; no celular ela aparece acima do dedo e, com o mouse, ao lado do ponteiro.

  • Quatro formatos de código

    HEX, RGB, HSL e CMYK aproximado, cada um com o seu botão de copiar.

  • Cores recentes

    As últimas 12 cores capturadas ficam guardadas neste navegador como códigos, e “Limpar” apaga a lista.

  • Paleta de cores principais

    Veja de 5 a 10 cores dominantes, 6 por padrão, com porcentagem e barra, e copie como lista HEX ou como propriedades personalizadas de CSS.

  • Capturar da tela

    No Chrome e no Edge para computador, o botão “Capturar da tela” pega uma cor de qualquer ponto da tela, não só da imagem.

  • Colar imagem

    Cole um print com Ctrl+V ou pelo botão “Colar imagem”, nos navegadores que permitem ler a área de transferência.

Bom saber

O código HEX, como #2E7D32, é o jeito mais prático de repetir exatamente a mesma cor em um site, em uma apresentação ou em uma arte para redes sociais. RGB e HSL servem para CSS e para quem quer mexer na claridade ou na saturação de uma cor. O CMYK aparece como referência aproximada para impressão; para um trabalho gráfico importante, confirme os valores com a gráfica. A lupa ajuda a não pegar por engano um pixel de borda, sombra ou ruído da foto.

A paleta de cores principais resume a imagem em poucas cores, com a fatia de cada uma. Como o cálculo é feito sobre uma cópia reduzida, as porcentagens são aproximadas em fotos, e todos os valores estão em sRGB. Use “Copiar como CSS” para levar as cores direto para uma folha de estilo, ou “Salvar como PNG” para guardar a paleta como imagem, com o nome terminado em -palette.

Perguntas frequentes

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

Abra a imagem e toque ou clique no ponto com a cor. O código aparece em HEX, RGB, HSL e CMYK, e o botão de copiar ao lado leva o valor para a área de transferência.

Como pegar a cor exata de um pixel?

Use a lupa: segure e arraste para ver a grade de pixels e solte no ponto certo. No teclado, mova com as setas e confirme com Enter.

Dá para pegar uma cor de fora da imagem?

No Chrome e no Edge para computador, sim, com o botão “Capturar da tela”. Nos outros navegadores esse botão não aparece.

As cores capturadas ficam salvas?

As últimas 12 ficam em “Cores recentes”, guardadas neste navegador apenas como códigos de cor. A imagem em si não é guardada, e “Limpar” apaga a lista.

Por que as porcentagens da paleta não são exatas?

As cores principais são calculadas em uma cópia reduzida da imagem, então, em fotos, as porcentagens servem como estimativa.

A imagem é enviada para algum servidor?

Não. A imagem é lida pelo navegador e não sai do seu aparelho, nem quando você cola um print.

Ferramentas relacionadas