Seletor de Cores a partir de Imagem
Passe o rato para pré-visualizar, clique para fixar uma cor
Quando você precisa escolher uma cor de uma imagem?
Designers combinam cores de marca de um logotipo sem acesso ao guia de estilo original; os programadores extraem cores dominantes de fotos para geração de temas; os professores extraem cores de obras de arte para aulas. O conta-gotas lê o RGB exato do pixel sob o cursor e converte para hex (`#RRGGBB`) e HSL.
O conta-gotas embutido dos navegadores (API `EyeDropper` do Chrome) funciona apenas na tela — não em ficheiros carregados. Esta ferramenta preenche essa lacuna carregando sua imagem em um canvas e permitindo que você amostre qualquer pixel.
Casos de uso comuns
- Combine uma cor de marca a partir de uma captura de ecrã do site de um concorrente.
- Extraia uma paleta de uma fotografia para um projeto de design gráfico.
- Encontre a cor exata de fundo de uma captura de ecrã de UI para recriá-la.
- Amostre tons de pele de um retrato para referência de correção de cor ou maquilhagem.
Perguntas frequentes
Por que a cor é ligeiramente diferente da original?
Imagens grandes são redimensionadas para caber (máx. 800px) antes da amostragem, então em uma imagem grande o valor escolhido vem da prévia reamostrada, não do pixel original exato. Fontes JPEG também mudam ligeiramente as cores devido à compressão.
Posso escolher de um pixel transparente?
Sim — o seletor mostra RGBA. Um pixel totalmente transparente ainda tem um valor RGB subjacente (geralmente 0,0,0 ou o fundo do canvas).
O seletor funciona em GIFs animados?
Amostra o primeiro fotograma. Para outros fotogramas, faça uma captura de ecrã do momento pretendido e carregue a captura.
Como hex e RGB se relacionam?
Hex `#RRGGBB` é o mesmo valor que RGB `(R, G, B)` escrito em base 16 em vez de base 10. `#FF0000` e `rgb(255, 0, 0)` significam ambos vermelho puro.
Minha imagem está carregada?
Não — a imagem é carregada em um canvas do navegador e permanece lá. Sem chamadas de rede.