Como escolher uma paleta de cores para um personagem

Comece por história, silhueta e prioridade visual

Uma paleta de cores de personagem deve responder a uma pergunta de design antes de responder a uma pergunta de círculo cromático. Decida o que o público precisa notar primeiro, qual papel o personagem cumpre e quais traços devem continuar reconhecíveis de imediato. Um herói veloz pode pedir um acento luminoso e direcional; uma figura calma ao fundo pode usar uma faixa de valores menor; um rival pode repetir parte da relação do protagonista e inverter temperatura ou ênfase. São escolhas criativas, não uma psicologia universal. Escreva uma frase como “engenheira tranquila com uma única fonte de energia perigosa” e use-a para rejeitar cores bonitas que não favoreçam essa leitura.

Monte uma paleta compacta de cinco funções

Cinco amostras formam uma restrição inicial útil porque forçam prioridade sem afirmar que todo personagem precisa de exatamente cinco cores. Escolha primeiro a dominante e depois um apoio que seja diferente de forma intencional: mais quente, quieto, claro, escuro ou menos saturado. Adicione um acento só quando a relação maior já funcionar. Por fim, escolha âncoras clara e escura que preservem rosto, costuras e formas críticas. Neutros são membros reais. Um cinza quente, azul-marinho profundo ou creme pode organizar cores saturadas melhor do que adicionar outro matiz brilhante.

Teste valor, contexto, iluminação e escala

Converta as cores chapadas para cinza e procure rosto, mãos, emblema e quebras da silhueta. O cinza não decide se a paleta é bonita, mas revela matizes diferentes que caem no mesmo valor. Essa união pode ser intencional em um grupo suave, mas é arriscada quando áreas precisam se separar em movimento ou na miniatura. Veja o personagem no menor uso real: avatar, peça de jogo, cartão móvel ou quadro distante de animação. Um detalhe que só funciona em uma prancha conceitual grande não deve carregar toda a identidade.

Coloque então o personagem em quatro contextos simples: claro, escuro, quente e frio. Acrescente uma cena representativa se a produção já tiver ambiente. A paleta é relacional; um traje azul claro sobre branco pode desaparecer no céu noturno. A iluminação também cria novas cores. Não produza toda sombra reduzindo mecanicamente o brilho da base. Decida se a luz muda temperatura, resposta do material ou prioridade focal. Mantenha as cores locais aprovadas como referência e documente como luz principal, preenchimento, sombra, efeitos e perspectiva atmosférica podem transformá-las.

Deixe a paleta acessível e pronta para produção

Acessibilidade não substitui direção de arte, e direção de arte não substitui testes. Quando a paleta também aparece em texto, controles, estados, gráficos educativos ou escolhas de jogo, meça os pares reais de primeiro plano e fundo. WCAG 2.2 nível AA exige pelo menos 4,5:1 para texto normal e 3:1 para texto grande. A norma também diz que cor não deve ser o único meio visual para transmitir informação. Adicione rótulo, ícone, padrão, contorno, mudança de forma ou posição quando equipes, poderes, avisos ou opções precisarem ser distinguidos.

Termine com um pequeno registro de produção. Salve HEX de seis dígitos aprovados, nomes das funções, fundo de referência, espaço de cor presumido e data. CSS Color 4 define sRGB como espaço padrão das funções CSS tradicionais; por isso HEX sRGB é uma entrega prática para navegador, mas não uma prova calibrada de impressão nem promessa de igualdade entre telas. Crie variantes apenas se o processo realmente precisar. Se uma versão iluminada, transformada ou acessível para interface diferir da base, dê um nome explícito em vez de sobrescrever as cores canônicas.