Como escolher uma cor de uma imagem


72

Como posso escolher uma cor em uma imagem?

Quando movo o cursor para qualquer ponto específico da imagem, desejo que o código hexadecimal da cor no cursor seja exibido. Gostaria de poder fazer isso com qualquer coisa exibida na tela, mesmo que não seja uma imagem, digamos que esteja trabalhando em qualquer aplicativo do Windows com várias cores.

Existe uma maneira de fazer isso?


11
Descobri que muitos dos seletores de cores disponíveis não funcionavam bem no Windows 10 e em dpi altos, então criei
alxnull

Respostas:


91

No Windows, existe uma maneira mais fácil que não precisa de nenhum software.

  1. Capture a tela em um arquivo de imagem (use algo como a Snipping Tool para pegar a área desejada)
  2. Abra o arquivo com o MS Paint
  3. Use a cor escolhida do Paint e escolha a cor
  4. Pressione o botão "Editar cores"
  5. Você tem os valores RGB!

6
Para mim, esta é a melhor solução listada, pois é universal e não requer a instalação de nenhum novo software.
Ochado 19/10/2015

14
Lento e tedioso. Nós só precisamos de um seletor de cores rápida ...
Pere

3
.. e se o MS Paint puder mostrar e a cor hexadecimal. :)
Nikola Obreshkov

3
@Ochado Para mim, esta não é a melhor solução listada, pois é tediosa, lenta e não usa software acessível disponível.
PHPst

3
Espere, o software padrão do Windows não é versátil ou útil?
Aaron Hall

53

O conta-gotas instantâneo é exatamente o que você estava procurando.

Como funciona

  1. Mova o ponteiro do mouse para o ícone Conta-gotas instantâneo na bandeja do sistema.
    Ícone da bandeja do sistema Conta-gotas instantâneas
  2. Pressione e segure o botão esquerdo do mouse e mova o ponteiro do mouse para o pixel cuja cor você deseja identificar.
    Ferramenta seletor de cores Instant Eyedropper
  3. Solte o botão do mouse.

É isso . A área de transferência agora contém o código de cores - no formato HTML (ou qualquer outro formato que você especificou anteriormente). Ele pode ser colado e usado em qualquer editor de texto ou HTML ou na ferramenta Color Picker do Photoshop.

Ele vem com todas as opções que eu pessoalmente queria dessa ferramenta.

  • Padrão de cores da área de transferência (Hex e outros)
  • Inicialização na bandeja do sistema
  • Sem despesas gerais ou anúncios e é grátis.

Painel de opções do conta-gotas instantâneo

Funciona no Windows XP, Vista, 7, 8, 10 e provavelmente além disso.


Esclarecimento sobre valores retornados pela opção HSB

Observe que o formato HSB fornece valores padrão, que são:

  • Matiz: 0-359 graus
  • Saturação: 0-100%
  • Brilho: 0-100%

Algumas ferramentas, como o Paint no Windows, fornecerão valores ligeiramente diferentes:

  • Matiz: 0-239
  • Saturação: 0-240
  • Luminância: 0-240

O raciocínio é explicado no blog do Windows .

O intervalo teórico para o Hue é um ângulo, normalizado para ser maior ou igual a 0 ° e estritamente menor que 360 ​​°. O valor superior do intervalo não é atingido porque o Hue é cíclico, portanto, um valor de 360 ​​° é equivalente a 0 °. Por outro lado, Saturação e Luminância são valores de ponto flutuante entre 0,0 e 1,0 (inclusive).

No Windows, os intervalos Hue, Saturation e Luminance são redimensionados para ir de 0 a 240. O Hue é exclusivo do ponto final (porque 360 ​​° = 0 °) enquanto que a Saturação e Luminância incluem o ponto final (porque 1.0 é possível).

Se você quiser usar o Conta-gotas no Windows com uma ferramenta como o Paint, faça as contas com as proporções explicadas acima ou use o valor RGB sempre que possível.


2
muito melhor do que todas as outras soluções
Georgios Pligoropoulos

2
Perfeito. Minúsculo, simples e faz o trabalho. Obrigado.
hajamie

2
Isso funciona de maneira fantástica e permite que os atalhos do teclado sejam ativados. Grande economia de tempo!
precisa saber é o seguinte

11
Aplicativo minúsculo maravilhoso
Marco Demaio 28/03

11
O problema com "monitores 4K" provavelmente é realmente "problema com monitores em escala na Janela 10". Eu tenho um laptop 1920 * 1080 de 14 "+ 2 x 1920 * 1080 monitores de 24 polegadas. Funciona bem nas 24 polegadas a 100%, mas perde o controle no monitor embutido na escala de 150%
Gerry Coll

9

Se a imagem puder ser renderizada em um navegador, a maioria deles possui seletores de cores / conta-gotas incorporados:

  • Chrome - DevTools ( F12) -> Elementos -> Estilos -> clique em qualquer caixa de visualização de coresinsira a descrição da imagem aqui
  • FireFox - Igual ao menu Chrome ou Hamburger -> Desenvolvedor Web -> Conta-gotas insira a descrição da imagem aqui
  • Internet Explorer - DevTools ( F12) -> DOM Explorer -> Ctrl+ K-> Ativar modo conta-gotas (botão esquerdo)

11
@ fixer1234 done
Ohad Schneider

7

Recursos que eu gostei sobre o Just Color Picker :

  • É grátis.
  • É portátil (nenhuma instalação é necessária).
  • Suporta muitos formatos de cores (HTML, RGB, HEX, HSB / HSV, HSL, CMYK e Delphi).
  • Possui opções de atalho e autocópia .

insira a descrição da imagem aqui


Não está funcionando bem no W7
Marco Demaio 28/03

É isso que é uso. Funciona como um campeão
Barry Chapman

3

PicPick é legal:

É um programa completo que fornece ferramenta de captura de tela com todos os recursos, editor de imagem intuitivo, seletor de cores, paleta de cores, régua de pixels, transferidor, mira e até quadro branco.


8
FYI - não é livre ou open source
Shital Shah

11
PicPick faz tem uma versão gratuita, que é apenas para uso pessoal, e não faz auto-update. Além disso, é o mesmo que a versão paga.
CalvT

2

Eu gosto do Colorzilla ao usar o Firefox. Basta usar o conta-gotas para clicar em qualquer lugar da página da Web, incluindo imagens, e ele retornará o código RGB e Hex.


8
Embora o Colorzilla seja bastante útil, essa não é uma solução quando você deseja escolher uma cor " em qualquer aplicativo do Windows com várias cores ".
Emile Bergeron

11
Ao concordar com Kevin, se a sua cor estiver em uma página da Web, não há necessidade de extensão (pode ser mais rápido se você precisar fazer isso várias vezes), mas eu apenas pressione F12 para abrir o console de depuração, clique no canto superior esquerdo para "Select Element" e aponte para ele no navegador
Nick

isso é bom, uma vez que não necessita de qualquer instalação de software, basta abrir a sua imagem no navegador ou arraste e solte a imagem no navegador
stom

2

ColorPic é um aplicativo gratuito do Windows que funciona bem para escolher cores. Eles têm um pago também, mas acho que o brinde funciona bem para as coisas simples.


1

Eu uso o Pixlr por ser baseado na Web, tão rápido e fácil de usar em qualquer lugar que suporte Flash.



1

Eu costumava capturar cores HTML com o utilitário Color Cop . Diferente da maioria das alternativas, ela permite capturar e, depois disso, mover o mouse preservando a cor capturada permite que eu use Ctrl + C mais tarde.


0

Eu recomendo o Nattyware Pixie. Minúsculo (menos de 10 KB), gratuito, portátil. E muito mais fácil que a rota do Windows Paint. Ah, e tem sido em torno de sempre .

http://www.nattyware.com/pixie.php


Não sei por que foi votado abaixo. Até onde você vai
Sunil Kumar

Não acho que funcione em telas modernas com redimensionamento de tela (alto DPI). Não é possível recomendar esta ferramenta.
user643011

@ user643011, você "não acha" que funciona? Realmente testá-lo e poder confirmar essa declaração seria mais útil para nossos colegas usuários.
precisa saber é o seguinte

11
@ mach128x: Não funciona.
user643011

0

Você pode escolher facilmente uma cor de uma imagem on-line usando este site:

Seletor de cores de imagem on-line

Basta enviar qualquer imagem de qualquer dispositivo e o código hexadecimal da cor no cursor será exibido.


As perguntas são feitas para escolher uma cor em qualquer lugar da tela, não apenas em uma imagem. Um serviço online não pode fazer isso diretamente.
fixer1234

0

Muitas respostas já postadas. Vou adicionar esta resposta também.

Etapa 1: capturar a tela

Etapa 2: acesse imagecolorpick.com

Etapa 3: Carregar imagem

Etapa 4: mova o cursor para escolher a cor de uma imagem

Além disso, ImageColorPick exibe valores de cores Hex, RGB, CMYK e HSL.

Ao utilizar nosso site, você reconhece que leu e compreendeu nossa Política de Cookies e nossa Política de Privacidade.
Licensed under cc by-sa 3.0 with attribution required.