Guia de Cores HSB e RGB: Como Adivinhar Qualquer Cor

RGB: Como as Telas Formam Todas as Cores

Um pixel de tela é formado por três luzes minúsculas: vermelha, verde e azul. Cada uma vai de 0 (apagada) a 255 (potência máxima), o que dá 256 × 256 × 256 = mais de 16,7 milhões de cores. A mistura de luz é aditiva: somar mais luz deixa a cor mais clara, e as três no máximo formam o branco.

É por isso que vermelho + verde = amarelo numa tela. A tinta faz o contrário: os pigmentos absorvem luz, então misturar tintas escurece as cores. Se quiser aprender a misturar como na tinta, com vermelho, amarelo e azul, leia o guia de mistura de cores do jogo Color Match.

Códigos de Cor Hex Explicados

Um código hex como #FF8000 é só os três números RGB escritos em base 16: dois dígitos para o vermelho (FF = 255), dois para o verde (80 = 128) e dois para o azul (00 = 0). Então #FF8000 é vermelho no máximo, metade de verde e nada de azul: laranja.

HSB: Matiz, Saturação e Brilho

O RGB é como a tela guarda a cor, mas ninguém pensa em “58% de verde”. O HSB (também chamado de HSV) descreve as mesmas cores da tela com três perguntas que as pessoas fazem naturalmente: que cor é, o quanto é viva e o quanto é clara? O jogo Color Guess do Toon Tone dá exatamente esses três controles.

Matiz / Hue (0-360°): qual cor

O matiz é a posição no círculo cromático. Ele dá a volta completa, então 0° e 360° são ambos vermelho.

Saturação / Saturation (0-100%): o quanto é viva

0% é um cinza neutro, 100% é a versão mais pura do matiz. Tons pastel e de pele ficam baixos; cores neon e as cores fortes dos desenhos ficam altas.

Brilho / Brightness (0-100%): o quanto é clara

0% é sempre preto. 100% é a versão mais clara da cor naquela saturação (com 0% de saturação, 100% de brilho é branco).

HSB vs RGB vs HSL

• HSB e RGB descrevem as mesmas cores; só os controles mudam. Todo valor HSB vira um único valor RGB e um código hex (veja a tabela acima).
• No RGB, deixar um laranja “um pouco mais escuro” exige mudar os três números. No HSB você só baixa o brilho, e é por isso que o HSB é mais fácil para adivinhar.
• O HSL é um primo próximo com o mesmo círculo de matiz, mas o terceiro valor é a luminosidade: o vermelho puro é HSB(0°, 100%, 100%) mas HSL(0°, 100%, 50%), e no HSL 100% de luminosidade é sempre branco. Não copie números HSL para os controles HSB.

Como Adivinhar Qualquer Cor, Passo a Passo

No Color Guess você vê um personagem de desenho e precisa dizer, de memória, a cor de uma parte dele, como a camisa ou o cabelo. A cada rodada os controles começam em H 180°, S 50%, B 50%, um ciano médio, então você sempre precisa mexer nos três. Siga esta ordem:

1. 1

   Identifique primeiro a família do matiz

   Antes de mexer em qualquer controle, diga em voz alta a família da cor: vermelho, laranja, amarelo, verde, ciano, azul, roxo ou rosa. Depois leve o Matiz até essa parte do círculo. O matiz vale metade da pontuação, então este passo é o mais importante.

2. 2

   Ajuste o matiz com precisão

   Decida para qual vizinho a cor puxa. Um amarelo quente fica perto de 45-55°, um amarelo-limão perto de 60°; um azul-celeste perto de 200°, um azul royal perto de 225-240°. Observe a prévia do personagem mudar enquanto você mexe.

3. 3

   Defina a saturação

   Pergunte o quanto a cor é viva. Roupas chamativas de desenho costumam ficar entre 75-100%; pele, tons pastel e pelos acinzentados ficam bem mais baixos. Se a cor parece apagada ou acinzentada, baixe a saturação, não o brilho.

4. 4

   Defina o brilho

   Pergunte o quanto a cor é clara ou escura. A maioria das cores de desenho é clara, então comece alto e só desça para cores escuras como azul-marinho, marrom ou verde-escuro.

5. 5

   Compare e envie

   Olhe a prévia ao vivo no personagem como um todo, ajuste o controle que parece mais errado e toque no botão ✓ para enviar. Nas dificuldades com tempo, acerte o matiz primeiro caso o relógio acabe.

Como são as cores dos personagens

Entre as 65 cores que estão no jogo hoje, a metade central tem saturação entre 55% e 91% (mediana de 78%) e brilho entre 72% e 96% (mediana de 88%). 78% dos alvos têm brilho de 70% ou mais. Ou seja: as cores de desenho costumam ser claras, então na dúvida comece com o brilho alto e concentre o esforço no matiz e na saturação.

Cores Difíceis: Marrom, Rosa, Azul-Marinho, Tons de Pele e Pastéis

Alguns nomes de cor do dia a dia nem existem no círculo de matiz. Eles são um matiz com uma saturação e um brilho específicos.

Como Funciona a Pontuação do Color Guess

• Cada rodada vale de 0 a 10 pontos, comparando seus valores de H, S e B com o alvo.
• O matiz vale 50%, a saturação 25% e o brilho 25%. O matiz é medido ao redor do círculo, então 350° e 10° estão só 20° de distância.
• Cada parte usa uma curva de raiz quadrada: nota = 1 − √(erro ÷ erro máximo), em que o máximo é 180° para o matiz e 100% para saturação e brilho. Os primeiros graus ou pontos percentuais de erro custam mais, e errar por pouco é muito melhor do que errar por muito.
• Usar a dica mostra uma faixa de ±36° de matiz e ±20% de saturação e brilho em volta da resposta e custa 1 ponto (um palpite perfeito com dica vale 9,0).
• O Fácil não tem cronômetro, o Médio dá 15 segundos e o Difícil 5 segundos por rodada. Quando o tempo acaba, a posição atual dos controles é enviada automaticamente.
• Uma partida tem 5 rodadas e a pontuação final é a média delas.

Notas reais calculadas pelo código de pontuação do jogo quando só um controle está errado:

Dicas para pontuar mais

• Acerte a família do matiz antes de tudo: errar o matiz custa o dobro de errar a saturação ou o brilho.
• Guarde a dica para cores que você realmente não consegue situar. Ela limita o matiz a uma faixa de 72°, mas um bom palpite sem ajuda costuma valer mais que a penalidade de 1 ponto.
• No Difícil (5 segundos), mexa primeiro no matiz, depois suba o brilho e envie. Os detalhes valem menos do que um matiz mais ou menos certo.
• Treine o olhar entre as rodadas com o Color Match, em que o alvo fica na tela.

Perguntas Frequentes sobre Adivinhar Cores