
Jogo de combinação de cores, treine seu senso cromático

Toon Tone é um jogo de correspondência de cores baseado em Matiz, Saturação e Brilho (HSB). Cada rodada contém 10 turnos, onde os jogadores ajustam controles deslizantes para combinar com a cor alvo, e o sistema calcula a pontuação com base no ΔE (diferença de cor).
O jogo oferece várias paletas de cores inspiradas em quadrinhos, como Vermelho, Azul e Amarelo do Superman, Amarelo Noturno do Batman, entre outras, ajudando os jogadores a aprender teoria das cores enquanto se divertem.
"Veja com os olhos, não copie e cole — essa é a verdadeira essência do treinamento de cores."
Cada rodada pode render até 100 pontos, com um máximo de 1000 pontos. Ideal para designers, artistas e qualquer pessoa que queira melhorar sua percepção de cores.
Loading comments…
Informações do projeto
Palavras-chave do produto
O Toon Tone é um jogo de correspondência de cores que treina seu olho usando controles deslizantes de matiz, saturação e brilho (HSB). Cada partida consiste em dez rodadas onde você ajusta os controles deslizantes para combinar com uma cor alvo oculta. O sistema pontua seu palpite usando ΔE (diferença de cor), uma métrica de distância perceptual alinhada com a visão humana. Sem códigos hexadecimais, sem copiar e colar — apenas seu julgamento visual.
Cada partida apresenta dez cores alvo únicas. Você ajusta matiz (ângulo da cor), saturação (intensidade) e brilho (luminosidade) usando três controles deslizantes. A pré-visualização é atualizada em tempo real, permitindo ver como sua seleção evolui antes de enviar.
Após cada palpite, o sistema calcula a distância perceptual (ΔE) entre sua cor e o alvo. Você ganha até 100 pontos por rodada, com uma partida perfeita alcançando 1000 pontos. A fórmula de pontuação recompensa correspondências próximas: pontos = round(max(0, 100 − 2 × ΔE)).
O Toon Tone inclui paletas selecionadas baseadas em personagens icônicos de quadrinhos — como o vermelho-azul-amarelo do Superman, o amarelo noturno escuro do Batman, as cores primárias vibrantes do Homem-Aranha e muito mais. Essas paletas servem como conjuntos de estudo visual, ajudando você a explorar sistemas HSB em um contexto familiar e envolvente.
"Veja com seus olhos, não copie e cole — essa é a verdadeira essência do treinamento de cores."
O jogo oculta deliberadamente valores hexadecimais e códigos alvo. Você depende inteiramente de sua percepção visual e dos controles deslizantes HSB. Isso força um aprendizado genuÃno de cores, em vez de correspondência mecânica. A métrica ΔE adiciona uma camada cientÃfica, fornecendo feedback preciso sobre o quão próximo seu olho realmente chegou.
Você quer uma maneira estruturada e sem trapaças de melhorar suas habilidades de correspondência de cores. O Toon Tone é ideal para quem trabalha com cores diariamente — designers, ilustradores, criadores de UI — ou simplesmente aprecia um jogo bem projetado que ensina algo real. As paletas de quadrinhos adicionam personalidade, e o formato de dez rodadas mantém as sessões curtas o suficiente para serem repetidas diariamente.
Outras ferramentas que você pode considerar
Huebert é um kit de ferramentas profissionais de cores para criativos da web. Ele ajuda você a criar designs mais bonitos com menos esforço usando ferramentas como o poderoso gerador de paletas de cores, o gerador de alto contraste, o gerador de temas shadcn/ui e muito mais. Confira as ferramentas com inteligência artificial para facilitar sua vida.
Receba recomendações instantâneas de IA para melhorar seu design. Detecte carga cognitiva, veja onde os usuários focam, identifique problemas cedo e compare variações — para que você possa tomar e defender decisões de design com confiança, baseadas em insights apoiados por dados.
Kirki oferece aos designers WordPress uma tela infinita e livre — projete sem restrições impostas por estruturas. CMS integrado, colaboração em tempo real, linha do tempo visual de interação e mais de 100 kits de modelos. Gratuito para todos.
Maior biblioteca de prompts de design impulsionada pela comunidade, abrangendo estilos, animações, componentes de UI, etc. Você pode criar e compartilhar prompts de design com sua equipe de forma privada ou contribuir publicamente; funciona com qualquer agente de codificação
Criador
Loading comments…