HSB explicado: o modelo de cor por trás dos jogos deste site

    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:

    1. Ajuste primeiro o matiz. Encontre a região correta da roda antes de tocar nos outros controles.
    2. Ajuste a saturação em segundo. Pergunte se a cor parece muito viva ou mais discreta.
    3. Deixe o brilho por último. É o acabamento mais fácil de corrigir no final.
    4. 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.