Seletor de cores a partir de imagem
Envie uma foto, logo ou captura de tela e use o conta-gotas online para pegar a cor de qualquer pixel. Veja e copie o código exato em HEX, RGB e HSL, sem instalar nada.
Toque ou clique em qualquer pixel para escolher uma cor — ou solte uma imagem aqui para substituir esta imagem de exemplo.
Mais ferramentas
CONVERSOR
Conversor de Cores
Converta cores entre HEX, RGB e HSL instantaneamente.
VERIFICADOR
Verificador de Contraste
Verifique as proporções de contraste de cores em relação aos padrões WCAG AA e AAA.
GERADOR
Roda das Cores
Crie paletas de cinco cores complementares, análogas, triádicas e outras harmonias a partir de uma cor-base.
Extrator
Extrator de paleta de imagem
Encontre as cores dominantes de uma imagem e copie a paleta como HEX, RGB ou variáveis CSS.
Como usar o seletor de cores a partir de imagem
Envie um arquivo, arraste uma imagem até a ferramenta ou cole uma captura de tela. Depois, passe o cursor ou toque na área desejada, use a lupa para localizar o ponto certo e selecione o pixel. O código da cor aparece imediatamente em HEX, RGB e HSL, pronto para copiar.
Use o conta-gotas online para selecionar o pixel exato
O conta-gotas online permite escolher um ponto específico da imagem em vez de estimar a cor a olho. A lupa amplia os pixels ao redor do cursor ou do toque para ajudar a diferenciar detalhes pequenos, contornos e tons próximos. Assim, você pode selecionar exatamente a cor que precisa para um layout, uma arte ou uma referência visual.
Como descobrir a cor de uma imagem, foto ou captura de tela
Para descobrir a cor de uma imagem, carregue a foto ou captura de tela e clique no ponto que deseja identificar. Você também pode pegar a cor de imagens de produtos, ilustrações, ícones e outros arquivos compatíveis com o navegador. O resultado corresponde ao pixel selecionado, o que evita adivinhar um tom apenas pela aparência.
Copie o código da cor em HEX, RGB ou HSL
Cada pixel selecionado é mostrado em três formatos. Use HEX para HTML e CSS, RGB para valores de vermelho, verde e azul, ou HSL para trabalhar com matiz, saturação e luminosidade. Você pode copiar o formato mais adequado sem fazer conversões manuais.
Pegue cores de logos, interfaces e referências visuais
O seletor de cores de imagem ajuda a identificar um tom em logos, telas de sites e aplicativos, posts, apresentações e referências de design. Designers e desenvolvedores podem reproduzir uma cor no CSS; criadores de conteúdo e estudantes podem registrar um valor preciso para manter a consistência visual entre materiais.
Funciona no navegador, no computador e no celular
A ferramenta funciona em navegadores modernos no computador, tablet ou celular, sem download e sem cadastro. O processamento da imagem acontece localmente no seu dispositivo: ela não é enviada à ColourPicker.app nem armazenada em um servidor.
Selecione um pixel ou extraia uma paleta completa
Use esta página quando precisar identificar a cor exata de um único pixel. Para analisar a imagem inteira e encontrar automaticamente várias cores dominantes, use o Extrator de Paleta de Imagem. As duas ferramentas têm funções diferentes: o seletor responde qual é a cor de um ponto; o extrator resume os principais tons da imagem.
Converta, compare ou combine a cor selecionada
Depois de selecionar a cor, use o Conversor de Cores para alternar entre HEX, RGB e HSL, o Verificador de Contraste para avaliar a legibilidade de duas cores ou o Gerador de Paletas para criar harmonias a partir do tom escolhido.
Perguntas frequentes sobre o seletor de cores
- Como usar o seletor de cores a partir de uma imagem?
- Envie, arraste ou cole uma imagem e clique ou toque no pixel que deseja identificar. A ferramenta mostra a cor selecionada em HEX, RGB e HSL para você copiar.
- O que é um conta-gotas online?
- Um conta-gotas online permite selecionar uma cor diretamente de uma imagem no navegador. Ele lê o pixel escolhido e mostra o código correspondente, sem exigir a instalação de um editor de imagens.
- Consigo selecionar a cor exata de um pixel?
- Sim. A lupa amplia a área ao redor do cursor ou do toque para ajudar você a escolher um pixel específico, inclusive em detalhes pequenos e regiões com tons parecidos.
- Posso descobrir a cor de uma foto ou captura de tela?
- Sim. Você pode usar fotos, capturas de tela, logos, ilustrações e outros arquivos de imagem compatíveis com o navegador e selecionar qualquer pixel visível.
- Quais formatos de cor a ferramenta mostra?
- A ferramenta mostra cada cor selecionada em HEX, RGB e HSL. Você pode copiar o formato necessário para CSS, HTML, ferramentas de design ou outras tarefas digitais.
- O seletor de cores funciona no celular?
- Sim. Ele funciona em navegadores modernos no celular e no tablet, além do computador. Toque na imagem para selecionar o pixel desejado.
- Minha imagem é enviada ou armazenada?
- Não. A imagem é processada localmente no navegador e não é enviada à ColourPicker.app nem armazenada em um servidor.
- Qual é a diferença entre selecionar uma cor e extrair uma paleta?
- Selecionar uma cor identifica o valor exato de um pixel escolhido por você. Extrair uma paleta analisa a imagem inteira e encontra automaticamente várias cores dominantes. Para essa segunda tarefa, use o Extrator de Paleta de Imagem.