HSB explicado: o modelo de cor por trás dos jogos deste site
Todos os jogos deste site, como Toon Tone, Dialed GG e Hued, usam a mesma lógica básica: matiz, saturação e brilho. Se você já jogou uma rodada e sentiu que os controles não respondiam como esperava, o problema não é o jogo. HSB exige alguns minutos para ser entendido de verdade.
Aqui está a versão prática.
Por que HSB existe se RGB já funciona?
Telas pensam em RGB: vermelho, verde e azul, cada um de 0 a 255. É assim que os pixels acendem fisicamente. O problema é que RGB não é intuitivo para pessoas. Se eu disser "deixe essa cor um pouco menos viva", você não sabe imediatamente se deve mexer no R, no G ou no B.
HSB também aparece como HSV, em que V significa valor. Ele foi criado para combinar melhor com a forma como descrevemos cores. Em vez de mexer em luzes vermelha, verde e azul, você controla três dimensões perceptuais.
Matiz: onde a cor está na roda
O matiz é a identidade básica da cor: vermelho, laranja, amarelo, verde, azul, roxo. Ele é medido como um ângulo de 0 a 360 graus na roda de cores:
- 0 graus: vermelho
- 60 graus: amarelo
- 120 graus: verde
- 180 graus: ciano
- 240 graus: azul
- 300 graus: magenta
- 360 graus: volta ao vermelho
Matiz é o que muita gente chama apenas de "cor". É a dimensão mais fácil de acertar por aproximação e uma das mais difíceis de acertar com precisão.
Saturação: o quanto a cor é viva
A saturação mede o quanto a cor é pura ou intensa, de 0% a 100%.
- 100% de saturação é a versão mais viva daquele matiz.
- 0% de saturação é cinza, independentemente do matiz.
A armadilha é que muita gente acha que o palpite está saturado demais, quando na verdade falta saturação. Objetos reais, como tecido, tinta e pele, raramente chegam perto de 100%. Personagens de desenhos muitas vezes chegam, e é por isso que chamam tanta atenção.
Brilho: o quanto a cor é clara
O brilho mede o quanto a cor é clara ou escura, de 0% a 100%.
Essa costuma ser a dimensão mais intuitiva. Mesmo assim, o brilho interage com a saturação. Uma cor muito clara pode parecer desbotada. Uma cor escura demais pode fazer quase tudo parecer preto, mesmo que o matiz ainda esteja lá.
Por que HSB é difícil mesmo quando você conhece a cor
A maioria das pessoas guarda cores como nomes: "amarelo", "vermelho", "azul". Nomes comprimem detalhes. Quando você chama um personagem de "amarelo", seu cérebro pode descartar o matiz específico, a saturação específica e o brilho específico.
Os controles HSB forçam você a descomprimir essa memória. Você não desliza até "amarelo"; desliza até aquele amarelo exato. É por isso que jogos como Toon Tone parecem simples e difíceis ao mesmo tempo.
Como treinar sua intuição
Alguns hábitos ajudam imediatamente:
- Ajuste primeiro o matiz. Encontre a região correta da roda antes de tocar nos outros controles.
- Ajuste a saturação em segundo. Pergunte se a cor parece muito viva ou mais discreta.
- Deixe o brilho por último. É o acabamento mais fácil de corrigir no final.
- Evite nomes de cores. Quanto mais cedo você rotula uma cor, mais precisão perde.
Onde praticar
- Dialed GG oferece um treino HSB limpo, com amostras de cor sem personagens.
- Hued é o puzzle diário de três tentativas, ótimo para aprender com feedback.
- Toon Tone é o nível mais contextual: lembrar o HSB de personagens conhecidos sem referência visível.
Depois de uma semana usando HSB de forma consciente, seu olhar deixa de depender tanto de nomes. Você começa a enxergar cores como combinações de três dimensões, que é exatamente o que designers, fotógrafos e pintores fazem o tempo todo.


