Pular para o conteúdo
Toolars
Explorar
Reportar erro

Imagens · utilitário Local

Conta-gotas de cores da imagem

Image Color Picker

Leia um pixel Canvas da imagem decodificada pelo navegador por coordenadas ou clique, sem calcular média dos vizinhos; copie HEX ou baixe os valores com rgba().

Caminho da tarefa / da entrada ao resultado

Escolha a imagem

Roda localmente · Nada é enviado

Como Conta-gotas de cores da imagem funciona, privacidade e ferramentas relacionadas

Caminho da tarefa / da entrada ao resultado

Como capturar a cor de um pixel exato

  1. 01

    Escolha a imagem

    Selecione Escolher arquivo — ou solte a imagem na área — e abra um PNG, JPEG ou WebP de até 12 MiB, com no máximo 8.192 pixels por lado e 24.000.000 pixels no total. A imagem abre dentro desta aba com suas dimensões confirmadas; nada é enviado.

  2. 02

    Defina as coordenadas

    Insira valores em pixels inteiros em Pixel X e Pixel Y, começando em 0 nas bordas esquerda e superior — ou siga a dica do espaço de trabalho e clique na pré-visualização da origem para definir as duas coordenadas de uma vez. Clicar mapeia de volta para o pixel exato da origem, então o tamanho exibido da pré-visualização nunca muda o que você lê.

  3. 03

    Leia o pixel

    Clique em Escolher pixel. A ferramenta desenha uma coordenada da imagem decodificada em um Canvas de 1 × 1 e lê RGBA sem calcular média dos vizinhos. A decodificação e o tratamento de cor ou alfa do navegador podem diferir dos bytes do arquivo original. Coordenadas fora dos limites são rejeitadas antes do desenho.

  4. 04

    Copie a cor

    O resultado mostra HEX, rgb() e rgba() do pixel Canvas amostrado. Clicar na amostra copia apenas HEX, sem opacidade; use o campo de texto ou Baixar para manter rgba() e os demais valores em um pequeno arquivo.

Fatos da ferramenta

Processamento
No seu navegador
A entrada sai deste dispositivo
Nunca
Retenção
Nada é armazenado
Preço
Grátis

Sua entrada fica no navegador.

Conta-gotas de cores da imagem usa seu caminho de execução local verificado e não cria um histórico oculto de entradas ou saídas.

Execução local

Roda dentro da aba atual do navegador.

Sem processamento oculto

Os dados ativos da ferramenta nunca viram um registro de documento do Toolars.

Não precisa de conta

Use o fluxo principal sem criar um perfil. Os favoritos sincronizam com sua conta depois que você entra.

Redefinição imediata

Limpe a aba e os dados de trabalho ativos desaparecem.

O que Conta-gotas de cores da imagem realmente faz

Combinar um botão com um tom que só existe dentro de uma captura de tela, extrair o fundo exato de um gráfico para um relatório, verificar se dois azuis de marca realmente diferem em um passo — perguntas em nível de pixel precisam de respostas em nível de pixel. Clique na pré-visualização perto do ponto, ajuste as coordenadas de um em um para comparar vizinhos, e a leitura rgba() encerra discussões que olhar nunca encerraria. O Conta-gotas de cores da imagem lê a coordenada localmente, então capturas de painéis internos ou páginas não lançadas nunca saem do dispositivo.

Perguntas frequentes

Onde fica a origem das coordenadas?
O pixel (0, 0) fica no canto superior esquerdo; X aumenta para a direita e Y para baixo. Insira inteiros não negativos menores que a largura e a altura da imagem decodificada. Coordenadas inválidas ou fora dos limites são rejeitadas antes da amostragem no Canvas; a mensagem descreve o problema, mas nem sempre informa o limite numérico.
Ele amostra uma área com média?
A ferramenta não calcula média de vizinhos: amostra uma coordenada da imagem decodificada e orientada pelo navegador. A posição é precisa na grade exibida, mas os bytes RGBA podem diferir do arquivo original. Para resumir a imagem inteira, use o localizador de cor média.
O que o alfa no valor rgba() me diz?
Alfa é a opacidade informada para esse pixel Canvas, arredondada a três casas em rgba(). Após decodificar e desenhar no navegador, ela pode diferir do canal codificado original. HEX e rgb() não incluem alfa; se a transparência importar, veja rgba() e confira sobre o fundo pretendido.
O tamanho da pré-visualização afeta o pixel que eu leio?
Não. Clicar na pré-visualização é apenas um atalho para inserir coordenadas: a posição do clique é mapeada de volta para os pixels da própria imagem de origem, e a leitura acontece naquela coordenada exata da origem. Seja a pré-visualização grande ou pequena, o valor RGBA reportado é o mesmo pixel da origem.
A imagem é enviada para algum lugar?
Não. Renderização e leitura de pixel rodam inteiramente dentro da aba atual do navegador, nenhuma conta é necessária, e redefinir o espaço de trabalho descarta a imagem e o valor capturado.

Continue lendo

Continuar em Estúdio de Imagens

Tarefas relacionadas, não um beco sem saída.

Passe para outro espaço de trabalho focado sem voltar ao índice completo.

Cortador de imagens

Image Cropper

Recorte PNG, JPEG ou WebP em coordenadas de pixel exatas, com proporção livre ou fixa, e exporte a região como PNG, JPEG ou WebP.

Editar

Filtros de imagem

Image Filters

Ajuste brilho, contraste, saturação, escala de cinza, sépia e desfoque com seis controles e baixe o PNG filtrado no tamanho original.

Editar

Redimensionador de imagens

Image Resizer

Redimensione imagens para pixels exatos com trava de proporção, uma por vez ou em lotes de até 12 arquivos baixados em um zip.

Editar

Cor média de uma imagem

Image Average Color Finder

Meça a cor média de uma imagem com ponderação por alfa — pixels transparentes são ignorados — e copie como HEX, rgb() ou rgba().

Inspecionar