1. Carregue a imagem de origem
Escolha, arraste ou cole uma imagem. O navegador ajusta arquivos grandes ao espaço de trabalho e preserva a relação de pixels usada na leitura.
Amostrador de cor privado no navegador
Seletor de cor da imagem com HEX, RGB e HSB
Arraste, escolha ou cole uma imagem e clique na área que deseja examinar. O Toon Tone converte o pixel em valores HEX, RGB e HSB prontos para copiar e permite reunir uma pequena paleta de trabalho.
Atualizado em 21 de julho de 2026
seletor de cor da imagem
O que este seletor de cor da imagem faz?
Este seletor de cor da imagem lê os dados vermelho, verde, azul e alfa do pixel exato escolhido em um canvas do navegador. Ele apresenta o mesmo pixel em HEX de seis dígitos, RGB e HSB, mostra suas coordenadas e salva até cinco cores em uma paleta que pode ser baixada. Arquivos enviados ou colados permanecem na aba atual e não são transmitidos para um servidor do Toon Tone.
Escolha uma cor exata da sua imagem
Escolha uma cor exata da sua imagem
Use a arte de exemplo ou substitua por JPG, PNG, WebP, GIF ou outra imagem legível no navegador. Clique ou arraste pelo canvas para examinar os pixels.
Processada localmente — a imagem não é enviada
Solte uma imagem aquiou escolha um arquivo do dispositivo
Você também pode colar uma imagem da área de transferência. · Imagem legível no navegador · máximo de 12 MBSua paleta de cinco cores
Sua paleta de cinco cores
Salve amostras distintas, copie toda a paleta ou exporte um PNG com rótulos.
Escolha uma cor e adicione aqui. É possível salvar até cinco.
Imagem pronta. Clique em qualquer área para ler um pixel.
Processada localmente — a imagem não é enviada
Sua imagem fica nesta aba do navegador
O seletor decodifica o arquivo com APIs de imagem do navegador e lê os pixels em um canvas local. Não existe endpoint de upload, conta, biblioteca na nuvem nem salvamento em segundo plano. Fechar ou atualizar a aba apaga a imagem de trabalho e a paleta.
- Sem upload para servidor
- Sem conta obrigatória
- A exportação é criada no seu dispositivo
Como escolher uma cor de uma imagem
Uma amostra confiável começa com uma área clara da fonte e termina com um código registrado. Três passos mantêm imagem, pixel e resultado conectados.
2. Clique na superfície certa
Escolha o interior de uma área plana, longe de bordas suavizadas, brilhos, sombras ou blocos de compressão. Confirme o pixel na grade ampliada.
3. Copie ou salve o resultado
Copie HEX, RGB ou HSB de uma amostra ou reúna várias cores relevantes em uma paleta de cinco tons e baixe a referência rotulada.
Escolha o formato adequado para a próxima tarefa
Os formatos descrevem o mesmo pixel visível, mas cada um facilita uma leitura ou edição diferente.
| Formato | Melhor uso | O que a ferramenta mostra |
|---|---|---|
| HEX | Tokens CSS, notas de design e compartilhamento | Código web de seis dígitos |
| RGB | Inspeção de canais e gráficos no navegador | Vermelho, verde e azul de 0 a 255 |
| HSB | Edição visual e prática no Toon Tone | Matiz 0–360°, saturação e brilho 0–100% |
Quando um seletor de cor da imagem ajuda
A amostragem é mais útil quando a fonte, a área-alvo e o uso pretendido estão bem definidos.
Estudo de cartoons e ilustrações
Leia uma área plana de roupa, pelo, objeto ou fundo, salve tons relacionados e observe como matiz, saturação e brilho separam a paleta. Trate capturas como referências de estudo, não como especificações oficiais de franquia.
Entrega de interface e design
Leia um pixel de um mockup ou captura, copie o HEX e mantenha o arquivo original junto do resultado. Confira o token aprovado quando a fidelidade exata de marca ou produção for importante.
Treino de memória de cor
Escolha uma cor, esconda a fonte, reconstrua a impressão com HSB ou Toon Tone e compare a lembrança com a amostra apenas depois de confirmar uma resposta.
Um pixel exato nem sempre é a cor representativa
Uma imagem é uma grade de pixels, portanto o seletor pode informar os valores vermelho, verde e azul armazenados em uma coordenada exata. Essa precisão não decide qual ponto melhor representa um objeto. Uma camiseta pode conter cor-base, destaque, sombra, contorno e pixels suavizados na borda. Todos são reais, mas apenas um talvez responda à sua pergunta. Defina primeiro a parte desejada e leia o interior amplo e visualmente estável dessa área.
Faça mais de uma leitura quando a superfície tiver textura, iluminação, gradiente ou compressão. Guarde poucas amostras deliberadas em vez de clicar aleatoriamente muitas vezes. Uma paleta com base, luz, sombra, destaque e fundo costuma informar mais que um código isolado. Caso precise de uma média dominante em vez de um ponto, esse é outro cálculo e deve ser chamado de paleta extraída ou média, não de pixel exato.
Use a lupa para evitar bordas e pixels misturados
Bordas em arte digital frequentemente usam antialiasing. O navegador mistura as cores do objeto e do fundo em pixels próximos para que uma curva pareça suave no tamanho normal. Um clique nessa transição pode produzir uma cor que não existe na área plana interna. A grade ampliada mostra a vizinhança do ponteiro e marca o quadrado escolhido, facilitando afastar-se de contornos, franjas transparentes, texto suavizado e pequenos reflexos antes de salvar.
Coordenadas de mouse ou toque são convertidas de volta para a grade do canvas mesmo quando a imagem visível foi reduzida para celular ou notebook. Com teclado, foque o canvas e mova a seleção com as setas; Shift aumenta o passo. As coordenadas descrevem a imagem de trabalho decodificada. Preserve o arquivo original se um fluxo de produção precisar das posições na resolução nativa completa.
Compressão, transparência e perfis alteram uma amostra
A compressão JPEG pode criar blocos ou halos perto de linhas com alto contraste, então pixels vizinhos diferem mesmo quando o desenho parece plano. PNG e WebP podem conter transparência, e um pixel parcialmente transparente costuma ser composto sobre um fundo antes de ser percebido. A ferramenta informa a aparência decodificada no canvas e mostra o alfa quando não está totalmente opaco. Leia longe de bordas danificadas e registre o formato de origem quando reutilizar o resultado.
O canvas do navegador trabalha em um fluxo voltado para tela. Perfis incorporados, fontes de ampla gama, gestão de cor do sistema, calibração, brilho e cores ao redor afetam a aparência. Um código pode estar correto para o pixel decodificado sem provar que outro dispositivo, impressão, tinta, produto ou arquivo oficial usa o mesmo tom. Para decisões exatas de produção, volte ao ativo autorizado e ao espaço de cor documentado.
Continue a partir de uma cor amostrada
Perguntas sobre o seletor de cor da imagem
O Toon Tone envia minha imagem?
Não. A imagem escolhida ou colada é decodificada e lida na aba atual. Esta página não tem endpoint de upload, biblioteca de conta nem etapa de salvamento em nuvem.
Quais formatos de imagem posso usar?
Use formatos que seu navegador consiga decodificar, normalmente JPG, PNG, WebP, GIF e outros. O limite de 12 MB mantém o espaço local responsivo.
Por que a cor muda quando clico perto?
Pixels próximos podem conter antialiasing, sombra, luz, textura, transparência ou compressão. Use a lupa e escolha o interior estável para obter uma cor-base.
Os valores HEX e RGB são exatos?
Eles são exatos para o pixel decodificado do canvas. Não provam que uma captura corresponde ao arquivo original, outro perfil, tela calibrada, impressão ou produto.
Posso criar uma paleta a partir da imagem?
Sim. Salve até cinco cores distintas, copie seus valores HEX, RGB e HSB ou baixe uma referência PNG rotulada.
HSB é igual a HSL?
Não. HSB geralmente equivale a HSV, enquanto HSL calcula seu eixo de luminosidade de outra forma. Mantenha HEX ou RGB junto dos percentuais ao trocar de ferramenta.