# Conta-gotas online

> Envie uma imagem, clique na cor e copie o código HEX, RGB ou HSL. Lupa de pixel, zoom e paleta de cores dominantes. Grátis, sem cadastro.

URL: https://acrafto.com/pt/extrator-cores-imagem-online/  
Updated: 2026-09-22

Tools are interactive browser apps; there is no public API, no endpoints to call and no server-side processing. To use a tool, open its HTML page in a browser.

Precisa saber qual é a cor exata de uma logo, de uma foto ou de uma captura de tela? Envie a imagem, passe o cursor sobre o ponto que interessa e clique. O código da cor vai direto para a área de transferência no formato que você escolher: **HEX, RGB, HSL, HSV ou LCH**. Não instala nada, e a imagem não sai do seu computador.

## Como descobrir a cor de uma imagem

1. **Envie uma imagem.** Arraste para a janela ou clique em “Procurar arquivos”. O conta-gotas aceita JPG, PNG, WebP e GIF.
2. **Escolha o formato.** Acima da imagem, selecione em qual notação quer copiar a cor. HEX costuma servir para a web, RGB é comum em programas gráficos. A ferramenta lembra sua escolha.
3. **Passe o cursor sobre a cor.** Perto do cursor aparece uma lupa com os pixels ampliados, e logo abaixo o código da cor.
4. **Clique.** O código já fica na área de transferência e a cor é salva em Cores escolhidas. Basta colar onde precisar.

Quer testar outra imagem? Arraste-a direto sobre a atual, ou remova-a pelo ícone da lixeira.

## O que o conta-gotas online faz

### Uma lupa que mostra cada pixel

Um conta-gotas comum só mostra a cor sob o cursor, e acertar a borda fina de uma letra vira loteria. Nossa lupa amplia uma área de 11 × 11 pixels ao redor do cursor e destaca o pixel central. Você vê exatamente onde vai clicar antes de clicar.

### Zoom até o pixel

Com os botões de mais e menos, ou com a roda do mouse e Ctrl pressionado, dá para ampliar a imagem em até 64 vezes. Com a Grade ativada, as bordas dos pixels ficam visíveis, então em ícones, pixel art ou texto pequeno você clica exatamente onde quer.

### Cor do original, não de uma miniatura

Muitas ferramentas online reduzem a imagem antes e leem a cor de uma prévia, onde pixels vizinhos se misturam. Este conta-gotas trabalha com a imagem em resolução total (até 4096 px no lado maior), então você recebe a cor real do pixel.

### Copiar com um clique

Sem selecionar texto nem redigitar números. Cada clique na imagem copia o código no formato escolhido. Se precisar da mesma cor em outra notação, o detalhe da cor mostra os cinco formatos, cada um com seu próprio botão de copiar.

### Paleta de cores dominantes

Assim que a imagem carrega, a ferramenta encontra até oito cores que predominam nela e mostra em Cores dominantes. Tons quase idênticos são fundidos, então a paleta não vira cinco variações de cinza, e as partes transparentes de um PNG são ignoradas. A paleta serve como ponto de partida para o esquema de cores de um site, de uma apresentação ou de posts nas redes sociais. Para checar se as cores mantêm contraste suficiente sem depender do matiz, converta a imagem para [escala de cinza](https://acrafto.com/pt/converter-imagens-para-tons-de-cinza-online/).

### Cores escolhidas sempre à vista

Cada cor em que você clica é salva em Cores escolhidas (as últimas 24). Assim dá para comparar vários pontos da imagem e voltar a eles quando quiser. Em telas grandes, o painel de cores fica logo ao lado da imagem.

## Para que serve descobrir o código de cor de uma imagem

- **Sites e aplicativos:** o cliente mandou a logo só em JPG e você precisa da cor exata da marca para o CSS. Se também precisar de uma versão com fundo transparente, use o [removedor de fundo de imagem](https://acrafto.com/pt/remover-fundo-imagem/).
- **Design gráfico e redes sociais:** você quer que o texto de um post combine com a foto. Pegue a cor direto dela.
- **Apresentações e documentos:** configure as cores da logo da empresa no PowerPoint, no Google Slides ou no Canva usando HEX ou RGB.
- **Checagem de design:** confira em uma captura de tela se um botão do aplicativo realmente usa a cor definida no design. Depois confira o tamanho dos arquivos exportados na [análise de dimensões de imagens](https://acrafto.com/pt/analisar-dimensoes-imagens-online/).
- **Decoração e moda:** você tem uma foto de um tecido ou de uma parede e quer um tom parecido. O código serve como ponto de partida na hora de escolher na paleta da loja de tintas.

## Formatos de cor que o conta-gotas retorna

- **HEX** (`#1373b6`): notação usada em HTML, CSS e na maioria das ferramentas gráficas. Veja a [documentação do MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Values/hex-color) para as variantes curtas e com alfa (em inglês).
- **RGB** (`rgb(19, 115, 182)`): a proporção de vermelho, verde e azul, cada uma de 0 a 255. Como funciona a mistura aditiva de cores explica a [Wikipédia](https://pt.wikipedia.org/wiki/RGB).
- **HSL** (`hsl(205, 81%, 39%)`): matiz, saturação e luminosidade. Fácil de usar para preparar uma variante mais clara ou mais escura.
- **HSV**: matiz, saturação e valor, como no seletor de cor do Photoshop ou do GIMP. A diferença entre HSL e HSV está detalhada na [Wikipédia](https://pt.wikipedia.org/wiki/HSL_e_HSV).
- **LCH**: um modelo que segue como o olho humano percebe as cores. É copiado na notação que o CSS moderno entende (veja a [documentação do MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Values/color_value/lch), em inglês).

O conta-gotas descobre a cor de uma imagem. Se quiser ajustá-la, converter para outros formatos ou buscar tons que combinem com ela, continue na [roda de cores](https://acrafto.com/pt/color-picker-online-roda-cores-conversor-hex-rgb-lch/).

## Perguntas frequentes

### Minha imagem é enviada para um servidor?

Não. A imagem é carregada e processada direto no seu navegador, nunca é enviada para lugar nenhum, e nada fica salvo depois que você fecha a página. Dá para usar o conta-gotas até em arquivos internos ou designs ainda não divulgados.

### Como descubro o código HEX de uma cor em uma foto?

Envie a foto, deixe o formato HEX selecionado acima da imagem e clique no ponto com a cor que procura. O código, por exemplo `#75dab2`, já fica na área de transferência.

### Por que a cor da foto é diferente da realidade?

A câmera altera as cores por causa da iluminação, do [balanço de branco](https://pt.wikipedia.org/wiki/Balan%C3%A7o_de_cores) e da compressão. O conta-gotas retorna exatamente a cor gravada no arquivo. Em fotos, clique em vários pontos e compare em Cores escolhidas. Se for misturar tinta com base no código, trate-o como uma referência aproximada.

### O conta-gotas funciona no celular?

Sim. Na tela sensível ao toque, toque no ponto da imagem e o código é copiado como no computador. A lupa perto do cursor não aparece no celular, então dê zoom antes em detalhes pequenos.

### Qual é a diferença entre HEX e RGB?

Os dois descrevem a mesma cor. O RGB usa três números de 0 a 255, e o HEX escreve os mesmos números em hexadecimal depois do símbolo #. Por exemplo, `rgb(255, 87, 51)` é o mesmo que `#ff5733`.

### Como consigo a paleta inteira de cores de uma imagem?

Abra a aba Cores dominantes. Nela estão até oito cores principais da imagem, e clicar em qualquer uma copia o código dela.

## Other languages

- Čeština (cs): [Online kapátko](https://acrafto.com/cs/vyber-barev-z-obrazku/) ([Markdown](https://acrafto.com/cs/vyber-barev-z-obrazku/index.md))
- Slovenčina (sk): [Online kvapátko](https://acrafto.com/sk/online-kvapatko-vyber-farieb-z-obrazku/) ([Markdown](https://acrafto.com/sk/online-kvapatko-vyber-farieb-z-obrazku/index.md))
- English (en): [Image Color Picker](https://acrafto.com/en/online-image-color-picker/) ([Markdown](https://acrafto.com/en/online-image-color-picker/index.md))
- Deutsch (de): [Farbe aus Bild bestimmen](https://acrafto.com/de/farbauswahl-bild-online/) ([Markdown](https://acrafto.com/de/farbauswahl-bild-online/index.md))
- Français (fr): [Pipette à couleurs](https://acrafto.com/fr/pipette-couleur-image-en-ligne/) ([Markdown](https://acrafto.com/fr/pipette-couleur-image-en-ligne/index.md))
- Español (es): [Cuentagotas de imagen online](https://acrafto.com/es/selector-colores-imagen-online/) ([Markdown](https://acrafto.com/es/selector-colores-imagen-online/index.md))
- Italiano (it): [Contagocce colore](https://acrafto.com/it/selettore-colori-online-da-immagine/) ([Markdown](https://acrafto.com/it/selettore-colori-online-da-immagine/index.md))
- Nederlands (nl): [Kleur uit afbeelding halen](https://acrafto.com/nl/online-kleurenpipet/) ([Markdown](https://acrafto.com/nl/online-kleurenpipet/index.md))
- Polski (pl): [Kroplomierz kolorów z obrazu](https://acrafto.com/pl/kroplomierz-online-kolory-z-obrazu/) ([Markdown](https://acrafto.com/pl/kroplomierz-online-kolory-z-obrazu/index.md))
- Română (ro): [Pipetă de culori din imagine](https://acrafto.com/ro/selector-culori-imagine-online/) ([Markdown](https://acrafto.com/ro/selector-culori-imagine-online/index.md))
- Magyar (hu): [Színpipetta](https://acrafto.com/hu/kep-szinkivalaszto/) ([Markdown](https://acrafto.com/hu/kep-szinkivalaszto/index.md))
- Ελληνικά (el): [Σταγονόμετρο εικόνας](https://acrafto.com/el/image-color-picker/) ([Markdown](https://acrafto.com/el/image-color-picker/index.md))
- Български (bg): [Онлайн пипетка за цвят от снимка](https://acrafto.com/bg/image-color-picker/) ([Markdown](https://acrafto.com/bg/image-color-picker/index.md))
- Hrvatski (hr): [Pipeta za boje](https://acrafto.com/hr/alat-za-odabir-boja-slike/) ([Markdown](https://acrafto.com/hr/alat-za-odabir-boja-slike/index.md))
- Slovenščina (sl): [Barvna kapalka za slike](https://acrafto.com/sl/spletni-izbirnik-barv-iz-slike/) ([Markdown](https://acrafto.com/sl/spletni-izbirnik-barv-iz-slike/index.md))
- Eesti (et): [Pildi värvipipett](https://acrafto.com/et/pildi-varvivalija/) ([Markdown](https://acrafto.com/et/pildi-varvivalija/index.md))
- Latviešu (lv): [Krāsu pipete](https://acrafto.com/lv/krasu-pipete-online/) ([Markdown](https://acrafto.com/lv/krasu-pipete-online/index.md))
- Lietuvių (lt): [Spalvų pipetė](https://acrafto.com/lt/image-color-picker/) ([Markdown](https://acrafto.com/lt/image-color-picker/index.md))
- Svenska (sv): [Färgplockare från bild](https://acrafto.com/sv/fargplockare-fran-bild/) ([Markdown](https://acrafto.com/sv/fargplockare-fran-bild/index.md))
- Dansk (da): [Farvekode fra billede](https://acrafto.com/da/farvevaelger-fra-billede/) ([Markdown](https://acrafto.com/da/farvevaelger-fra-billede/index.md))
- Suomi (fi): [Poimi väri kuvasta](https://acrafto.com/fi/kuvan-varinvalitsin/) ([Markdown](https://acrafto.com/fi/kuvan-varinvalitsin/index.md))
- Norsk (no): [Fargeplukker](https://acrafto.com/no/online-fargevelger/) ([Markdown](https://acrafto.com/no/online-fargevelger/index.md))
- Українська (uk): [Піпетка кольору з фото](https://acrafto.com/uk/onlajn-pipetka-koloru/) ([Markdown](https://acrafto.com/uk/onlajn-pipetka-koloru/index.md))
- Русский (ru): [Онлайн-пипетка](https://acrafto.com/ru/vybor-tsveta-iz-izobrazheniya-onlajn/) ([Markdown](https://acrafto.com/ru/vybor-tsveta-iz-izobrazheniya-onlajn/index.md))
- Српски (sr): [Kapaljka za boje](https://acrafto.com/sr/odabir-boje-sa-slike/) ([Markdown](https://acrafto.com/sr/odabir-boje-sa-slike/index.md))
- Македонски (mk): [Пипета за бои од слика](https://acrafto.com/mk/izbirac-boja/) ([Markdown](https://acrafto.com/mk/izbirac-boja/index.md))
- Bosanski (bs): [Kapaljka za boje](https://acrafto.com/bs/online-birac-boja/) ([Markdown](https://acrafto.com/bs/online-birac-boja/index.md))
- Shqip (sq): [Pikues ngjyrash nga imazhi](https://acrafto.com/sq/pikues-ngjyrash-online-imazhi/) ([Markdown](https://acrafto.com/sq/pikues-ngjyrash-online-imazhi/index.md))
- Türkçe (tr): [Resimden renk kodu bulma](https://acrafto.com/tr/resimden-renk-secici/) ([Markdown](https://acrafto.com/tr/resimden-renk-secici/index.md))
- 日本語 (ja): [画像スポイト](https://acrafto.com/ja/image-color-picker/) ([Markdown](https://acrafto.com/ja/image-color-picker/index.md))
- 한국어 (ko): [이미지 색상 추출기](https://acrafto.com/ko/image-color-picker/) ([Markdown](https://acrafto.com/ko/image-color-picker/index.md))
- العربية (ar): [استخراج اللون من الصورة](https://acrafto.com/ar/image-color-picker/) ([Markdown](https://acrafto.com/ar/image-color-picker/index.md))
- हिन्दी (hi): [इमेज कलर पिकर](https://acrafto.com/hi/online-color-picker-tool/) ([Markdown](https://acrafto.com/hi/online-color-picker-tool/index.md))
- Bahasa Indonesia (id): [Ambil warna dari gambar](https://acrafto.com/id/pemilih-warna-gambar-online/) ([Markdown](https://acrafto.com/id/pemilih-warna-gambar-online/index.md))
- Tiếng Việt (vi): [Lấy màu từ ảnh](https://acrafto.com/vi/image-color-picker-online/) ([Markdown](https://acrafto.com/vi/image-color-picker-online/index.md))
- ไทย (th): [ดูดสีจากรูปภาพ](https://acrafto.com/th/image-color-picker-online/) ([Markdown](https://acrafto.com/th/image-color-picker-online/index.md))
- עברית (he): [טפטפת צבעים](https://acrafto.com/he/image-color-picker/) ([Markdown](https://acrafto.com/he/image-color-picker/index.md))