Como o Seletor de cores (conta-gotas) funciona
Esta ferramenta permite soltar uma imagem e clicar em um pixel para ler sua cor exata (hex, RGB, HSL) no seu navegador, com lupa e histórico de cores selecionadas. A imagem nunca sai do seu dispositivo.
Seletor de cores (conta-gotas)
Solte uma imagem, passe o mouse para ampliar, clique para escolher uma cor e copie em hex, RGB ou HSL.
Como usar o Seletor de cores (conta-gotas), passo a passo
- Solte ou selecione uma foto, captura de tela ou arquivo de imagem.
- Mova o ponteiro sobre a imagem; uma amostra ao vivo e uma lupa mostram a cor sob o cursor.
- Clique para selecionar esse pixel exato e adicioná-lo à faixa de histórico.
- Clique no valor hex, RGB ou HSL para copiá-lo para a área de transferência.
- Clique em qualquer cor na faixa de histórico para trazê-la de volta como a cor selecionada ativa.
Casos de uso comuns
- Identificar a cor exata de uma marca a partir da captura de tela de um logotipo antes de usá-la em uma ferramenta de design.
- Verificar qual valor hex o fundo ou botão de um site realmente renderiza, pixel por pixel.
- Coletar cores de uma foto (tecido, amostra de tinta, foto de produto) para encontrar seus códigos RGB/hex.
- Montar um pequeno conjunto ordenado de cores selecionadas em diferentes partes de uma imagem usando a faixa de histórico.
Perguntas frequentes
Minha imagem é enviada a um servidor?
Não, ela é decodificada e lida localmente em um canvas na página.
Em quais formatos o seletor de cores mostra o resultado?
Hex (#RRGGBB), RGB e HSL são exibidos para a cor selecionada ativa, cada um como um botão de clicar para copiar. Para CMYK ou HSV, use a ferramenta conversor de cores com o mesmo valor hex.
Como funciona a lupa?
Enquanto você passa o cursor sobre a imagem, uma pequena prévia circular perto do canto superior direito amplia os pixels ao redor do cursor, com uma célula destacada marcando o pixel exato que seria selecionado ao clicar, para você mirar com precisão em um detalhe pequeno.
Qual a diferença de um gerador de paleta?
Uma paleta extrai cores dominantes automaticamente; aqui você escolhe um pixel exato.
Quantas cores o histórico guarda?
As 24 cores distintas mais recentes selecionadas.
Quais formatos de imagem posso soltar?
Qualquer formato de imagem que o seu navegador consiga decodificar e desenhar em um canvas, o que cobre JPEG, PNG, WebP, GIF e a maioria dos outros formatos em navegadores modernos.