Ferramenta privada de imagem para paleta
Transforme um cartoon, uma ilustração, uma captura de tela ou uma imagem de referência em uma paleta de trabalho compacta. O Toon Tone encontra cores dominantes bem distintas, mostra HEX, RGB e HSB, preserva as amostras travadas durante a regeneração e inclui um exercício curto de memória depois da extração.
Atualizado em 21 de julho de 2026
gerador de paleta de cores cartoon
O gerador lê uma imagem localmente no navegador, agrupa cores de pixels próximas, ordena os grupos pela presença visível e escolhe cinco ou oito amostras que continuam significativamente diferentes. Cada resultado inclui valores HEX, RGB e HSB prontos para copiar. Você pode travar uma cor útil antes de regenerar apenas as posições restantes, baixar um PNG legendado, copiar variáveis CSS ou selecionar uma amostra para um teste de memória de cinco segundos. O resultado é um resumo visual prático, não uma afirmação de paleta oficial de qualquer personagem, estúdio ou marca.
Extração local de cores dominantes
Carregue um cartoon, ilustração, captura ou foto. O navegador propõe cinco ou oito cores distintas; trave as úteis e regenere somente as demais.
Processado no dispositivo, sem envio da imagem
Paleta gerada
A presença é uma estimativa das áreas amostradas. Verifique também a função de cada cor na fonte.
Carregue uma imagem para gerar a paleta.
Memória de cor em 5 segundos
Escolha Praticar em uma amostra, observe cinco segundos, reconstrua em HSB e veja sua pontuação no Toon Tone.
Escolha Praticar em uma cor gerada para começar.
Carregando a paleta de exemplo local.
Processado no dispositivo, sem envio da imagem
A decodificação, a redução, o agrupamento de cores, a geração da paleta e a exportação em PNG usam APIs do navegador no seu dispositivo. Esta página não tem endpoint de envio de imagem, biblioteca de conta nem etapa de salvamento em nuvem. Atualizar ou fechar a aba apaga a imagem de trabalho e as cores extraídas. Esse limite de privacidade se aplica ao caminho de processamento da ferramenta; a segurança do dispositivo, das extensões e dos arquivos baixados continua sob sua responsabilidade.
Um bom resultado começa com uma fonte clara e termina com uma escolha consciente. Este fluxo mantém a extração rápida e deixa a decisão editorial final com você.
Arraste, escolha ou cole uma imagem com áreas de cor legíveis. Arte com preenchimentos planos funciona especialmente bem, mas ilustrações sombreadas e capturas também são aceitas. A imagem de exemplo libera todo o fluxo imediatamente.
Escolha cinco cores para uma identidade compacta ou oito para incluir mais sombras e acentos. Trave qualquer amostra que queira manter e regenere somente as posições abertas.
Copie uma cor, a lista completa ou variáveis CSS e baixe um PNG legendado. O botão Praticar mostra a amostra por cinco segundos, esconde a referência e pede que você a reconstrua em HSB.
O gerador usa um resumo visual determinístico em vez de IA generativa. Ele reduz o tamanho de processamento, agrupa pixels próximos e protege a separação perceptiva entre as cores selecionadas.
| Etapa | O que acontece | Por que importa |
|---|---|---|
| Amostragem local | O navegador lê um canvas reduzido sem enviar o arquivo original. | Imagens grandes permanecem rápidas e privadas, preservando a distribuição geral de cores. |
| Agrupamento de cores | Pixels RGB próximos entram em pequenos grupos e formam candidatos médios. | Textura e compressão não lotam a paleta com códigos quase iguais. |
| Seleção distinta | Candidatos frequentes são ordenados e verificados por distância perceptiva. | As cinco ou oito amostras cobrem papéis diferentes, e não apenas frequência bruta. |
Uma paleta gerada é mais útil quando a fonte, a área observada e a próxima tarefa estão claras. As mesmas amostras ganham leituras diferentes conforme o objetivo.
Resuma um quadro, compare os papéis de tons quentes e frios e observe o peso visual de personagem, objeto e cenário. Trate o resultado como apoio de estudo, não como uma chave oficial de produção.
Copie HEX ou variáveis CSS para um rascunho de interface, apresentação ou moodboard. Verifique contraste e fontes oficiais da marca antes de transformar a amostra em um token de produção.
Observe uma cor por cinco segundos, esconda-a e reconstrua matiz, saturação e brilho de memória. Assim, uma lista passiva vira um exercício visual que pode ser repetido.
A arte cartoon costuma parecer simples porque reconhecemos depressa formas grandes e preenchimentos planos, mas uma paleta útil ainda precisa separar cores que desempenham funções diferentes. Um fundo claro e amplo pode ocupar a maioria dos pixels sem definir o personagem. Contornos pretos podem ser frequentes e ainda assim menos úteis que um pequeno acento na roupa. Sombras, brilhos, bordas suavizadas, texturas, legendas e compressão criam dezenas de códigos ao redor de uma área que os olhos entendem como uma única cor. Uma lista baseada apenas em frequência tende a exagerar o fundo e repetir quase duplicatas. O Toon Tone primeiro reúne valores próximos e depois verifica se cada nova proposta está perceptivamente distante das cores já escolhidas. O resultado continua compacto para leitura, mas preserva mais de um papel visual.
Cinco cores funcionam bem para um resumo rápido de identidade: um campo dominante, uma cor do assunto, uma secundária, um acento e um apoio claro ou escuro. Oito cores abrem espaço para um segundo acento, uma família de sombras ou outro papel de fundo. Nenhum tamanho está sempre correto. Um ícone muito plano pode precisar de menos, enquanto um quadro de animação com luz complexa ainda perde informação com oito. Use o conjunto gerado como ponto de partida, compare-o ao lado da fonte e trave apenas as amostras que respondem à sua pergunta real. A trava é deliberadamente editorial: o algoritmo propõe candidatos, mas você decide quais cores merecem um lugar permanente na paleta de trabalho.
Não. A imagem escolhida ou colada é decodificada e resumida na aba atual do navegador. Não existe API de upload, armazenamento de conta ou cópia em nuvem. PNGs baixados e valores copiados podem permanecer no dispositivo ou na área de transferência até que você os apague.
O gerador resume automaticamente várias cores dominantes da imagem inteira. O seletor lê com precisão um único pixel indicado por você. Use o gerador para a visão geral e o seletor para um ponto específico da roupa ou do contorno.
Um acento pequeno oferece menos pixels de amostra que o fundo ou uma grande área do assunto. Mude para oito cores, trave as importantes e regenere. Se ainda faltar, não confunda área com importância: meça o ponto diretamente com o seletor de imagem.
Não. São valores de referência calculados pelo navegador a partir dos pixels do arquivo específico. Iluminação, compressão, sombras, transparência, qualidade e conversão da tela podem alterá-los. Para precisão oficial, use a especificação fornecida pelo detentor dos direitos.
Sim. Copiar CSS cria propriedades personalizadas numeradas com as cores atuais. Antes da produção, revise nomes semânticos, contraste, espaço de cor e tokens aprovados.