IMAGE · 5/8 COLORS · PNG · CSS
Gerador de paleta de cores cartoon
Envie uma ilustração, extraia localmente cinco ou oito cores dominantes, trave as amostras úteis e exporte valores HEX, RGB e HSB.
Gerar uma paleta cartoonToon Tone
Toon Tone é um jogo de adivinhar cores de personagens: recrie tons marcantes de memória usando controles de matiz, saturação e brilho. Toon Tone transforma cada rodada em treino visual.
46 prompts iniciaisJogo diário de 5 rodadasSem conta necessária
1/5
Combine a cor de
camiseta vermelha de Steven Universe
Prompt inspirado em Steven Universe (2013)
Sua seleção
Original
IMAGE · HEX · RGB · HSB
Seletor de cor da imagem
Carregue uma imagem, leia um pixel exato e salve seus valores HEX, RGB e HSB sem enviar o arquivo para um servidor.
Escolher uma cor da imagemIMAGE · RECOLOR · ALPHA · PNG
Substituir uma cor na imagem
Colete uma cor local, controle o intervalo, preserve sombras e baixe um PNG transparente ou recolorido.
Abrir substituidorHEX · IMAGE · CSS NAMES · ΔE
Identificador de nomes de cores
Dê nome a um HEX ou pixel de imagem com a palavra CSS mais próxima, cinco alternativas medidas e o alvo de personagem vizinho.
Identificar o nome da corHSB · HEX · RGB
Seletor de cores HSB
Ajuste matiz, saturação e brilho enquanto HEX e RGB são atualizados juntos no navegador.
Abrir o seletor HSBWHEEL · 5 RULES · CSS · PNG
Gerador de harmonia de cores
Escolha um HEX, compare cinco regras do círculo cromático, visualize papéis práticos e exporte uma paleta reutilizável.
Criar harmonia de coresHEX · TINTS · SHADES · WCAG
Gerador de tons de cor
Transforme um HEX em escala de luz a sombra com contraste, variáveis CSS e exportação PNG.
Gerar tonsWCAG 2.2 · AA · AAA · HEX
Verificador de contraste de cores
Teste dois HEX para AA e AAA, ajuste o primeiro plano e compare todas as combinações de uma paleta.
Verificar contrasteIMAGE · PROTAN · DEUTAN · TRITAN
Simulador de daltonismo
Compare uma imagem em três modelos de deficiência da visão de cores, ajuste a intensidade visual e exporte um PNG identificado sem envio ao servidor.
Simular visão de coresCIEDE2000 · HEX · HSB
Calculadora Delta E
Compare duas cores HEX com uma calculadora Delta E CIEDE2000 grátis, amostras visuais, diferenças HSB, orientação prática e limites bem explicados.
Abrir a calculadora Delta EArtigo mais recente
RGB vs CMYK: guia prático para tela e impressão
Trabalhe em RGB enquanto o design for destinado a telas e preserve um original RGB editável. Converta uma cópia para o perfil CMYK solicitado somente quando a saída final, a condição de impressão e o processo de prova forem conhecidos.
Adivinhe no Toon Tone tons clássicos de personagens, não amostras aleatórias.
O desafio do Toon Tone está na memória: você sabe como o personagem deveria parecer, mas acertar o tom exato é mais difícil do que lembrar o nome da cor.
Ver o jogo de cores de desenhoExplorar a biblioteca de personagensVer personagens por corVer paletasTeste de memória de coresGerador de paleta cartoonSeletor de cor da imagemSubstituir corIdentificador de nomes de coresSeletor de cores HSBGerador de harmonia de coresMisturador de coresGerador de tonsSimulador de daltonismoVerificador de contrastePersonagens azuisPersonagens vermelhos
Método, evidências e responsabilidade editorial
Como Toon Tone transforma cor lembrada em um jogo mensurável
Toon Tone é um jogo gratuito no navegador que pede para recriar um tom nomeado de personagem antes de mostrar a resposta. O jogo registra matiz, saturação e brilho, converte tentativa e alvo em cores de tela, compara ambos com CIEDE2000 e devolve uma pontuação transparente de 0 a 100. A revelação continua visível para transformar cada resultado em uma próxima ação compreensível.
O método de pontuação do Toon Tone
Uma rodada Toon Tone começa com um personagem e uma parte nomeada, não com uma amostra sem contexto. No jogo, o matiz vai de 0° a 360°, enquanto saturação e brilho vão de 0% a 100%. Depois do envio, a aplicação converte os dois trios HSB em valores orientados à tela e calcula a distância CIEDE2000. Ela transforma uma distância menor em nota maior pela regra publicada score = round(100 − 2 × ΔE00), limitada entre 0 e 100.
Esse número é feedback do jogo, não diagnóstico nem tolerância industrial. Cinco rodadas somam no máximo 500, e o resultado compartilhado usa a média de 0 a 100. A interface mostra as amostras escolhida e alvo e os dois valores HSB. Assim, a pessoa identifica se o maior desvio veio de matiz, saturação ou brilho, em vez de aceitar uma nota sem explicação.
O seed diário reproduz os mesmos cinco alvos para todos. Ao salvar, o servidor recalcula a submissão com aqueles alvos e valores HSB. Isso dá consistência ao placar, mas não transforma o ranking em pesquisa científica. Nomes e resultados públicos são conteúdo enviado por usuários, ficam separados da explicação editorial e não sustentam afirmações sobre capacidade média.
Um ciclo repetível de prática Toon Tone
Toon Tone funciona melhor quando cada revelação muda uma decisão da rodada Toon Tone seguinte.
- 1. Nomeie o alvo Toon ToneLeia a parte do personagem, imagine a família da cor e deixe Toon Tone esconder a resposta até o envio.
- 2. Monte a tentativa Toon ToneAjuste primeiro o matiz, depois saturação e brilho, para manter cada correção Toon Tone explicável.
- 3. Revise a revelação Toon ToneCompare os canais HSB e a nota Toon Tone baseada em CIEDE2000 e corrija o maior desvio na próxima rodada.
Fatos do Toon Tone em resumo
| Medida | Valor publicado | O que significa |
|---|---|---|
| Formato diário | 5 rodadas | O jogo reúne cinco alvos nomeados em um resultado diário. |
| Controles HSB | 3 canais | Os controles separam matiz, saturação e brilho. |
| Faixas de entrada | 0–360°; 0–100%; 0–100% | Toon Tone publica cada faixa junto ao controle. |
| Rodada e partida | 0–100; 0–500 | Toon Tone mostra a nota da rodada e o total de cinco rodadas. |
| Rotas localizadas | 8 idiomas | Toon Tone mantém páginas equivalentes em todos os idiomas suportados. |
Padrões por trás das explicações Toon Tone
Toon Tone liga afirmações de medição a padrões primários ou pesquisa original. Números do Toon Tone vêm da interface e do código publicados; especificações externas continuam sendo a autoridade para cor web e acessibilidade.
A especificação CSS Color do W3C afirma no original:
“Hue is represented as an angle of the color circle.”
Fontes primárias usadas pelo Toon Tone
- CSS Color Module Level 4CSS Color Level 4 define ângulos de matiz e representações sRGB explicadas pelo Toon Tone.
- Web Content Accessibility Guidelines (WCAG) 2.2WCAG 2.2 publica limites 4,5:1 e 3:1 usados pelo verificador de contraste Toon Tone separado.
- The CIEDE2000 color-difference formulaSharma, Wu e Dalal documentam implementação e testes CIEDE2000 relevantes ao cálculo Toon Tone.
O que uma nota Toon Tone não prova
Toon Tone publica limites porque um número preciso ainda pode ser mal interpretado. Toon Tone é entretenimento e prática.
- Toon Tone não diagnostica visão de cores, acuidade, memória ou condição médica.
- Toon Tone não comprova uma cor oficial de estúdio, marca, impressão, tinta ou fabricação.
- Toon Tone não substitui teste WCAG, medição calibrada ou análise conforme o padrão aplicável.
Verifique o método Toon Tone
Leia como Toon Tone escolhe fontes, separa envios variáveis do ranking e corrige material publicado; depois inspecione duas cores no calculador Delta E.
FAQ
Perguntas rápidas
O que é Toon Tone?
Toon Tone é um jogo de navegador para adivinhar cores de personagens usando controles HSB.
Toon Tone é gratuito?
Sim. A versão inicial pode ser jogada de graça no navegador e não exige conta.
Como a pontuação é calculada?
O jogo compara sua cor com o alvo usando uma distância perceptiva e converte o resultado em 0 a 100 pontos.
Os recursos de personagens podem mudar?
Sim. Os recursos iniciais são substituíveis caso chegue feedback ou pedido de revisão.