Como Escolher a Paleta de Cores do Seu Jogo

A paleta de cores do jogo é a primeira coisa que o jogador percebe e a última que ele consegue explicar. Ninguém abre a página da Steam e pensa "que uso interessante de cores análogas", mas todo mundo bate o olho num screenshot e decide em dois segundos se aquilo parece um jogo profissional ou um protótipo de game jam. E o que separa um do outro raramente é a qualidade do desenho: é a disciplina nas cores.

A boa notícia é que paleta não é talento, é método. Você não precisa de anos de teoria da cor pra montar uma paleta sólida. Precisa de meia dúzia de decisões tomadas na ordem certa e da disciplina de não furar as próprias regras depois. Esse artigo cobre exatamente isso: por que limitar, como escolher, quais ferramentas usar e como travar a paleta dentro do Godot pra ela não degradar com o tempo.

Por que limitar a paleta

O instinto de iniciante é o oposto: quanto mais cores, mais rico o visual. Na prática, acontece o contrário, e por três motivos.

Coesão. Quando cada sprite usa as cores que pareceram boas na hora, o jogo vira uma colagem. O personagem parece de um jogo, o cenário de outro, a UI de um terceiro. Com paleta limitada, qualquer asset novo nasce combinando com o resto, porque ele só pode usar as mesmas cores que tudo já usa. É coesão de graça.

Leitura. Cor é informação. Se tudo na tela compete em saturação e brilho, nada se destaca, e o jogador não sabe pra onde olhar. Com poucas cores você consegue reservar as mais chamativas pro que importa: o player, o perigo, o interativo. Jogo bom de jogar é jogo que se lê rápido, e paleta limitada é a ferramenta mais barata pra isso.

Velocidade. Esse é o motivo que ninguém fala e que mais pesa pra dev solo. Cada decisão de cor que você não precisa tomar é tempo de produção que volta pro seu bolso. Com a paleta fechada, pintar um asset novo é escolher entre 12 opções, não entre 16 milhões. Você produz mais rápido e com menos retrabalho.

Quantas cores então? Não existe número mágico, mas existe um teto útil: se você não consegue olhar pra sua paleta inteira de uma vez e saber pra que serve cada cor, ela está grande demais. Pra pixel art, paletas entre 8 e 32 cores são território comum. Pra arte HD ou 3D, pense menos em cores exatas e mais em famílias: 3 a 5 matizes base, cada um com sua rampa de claro a escuro.

Harmonia: o mínimo de teoria que você precisa

Teoria da cor é um poço sem fundo, mas pra montar paleta de jogo você precisa de pouco. Comece separando os três componentes de qualquer cor, porque é assim que você vai pensar daqui pra frente:

• Matiz (hue): qual cor é. Vermelho, azul, verde.
• Saturação: quão viva ela é. Do cinza ao neon.
• Valor (value): quão clara ou escura ela é.

Desses três, o valor é o mais importante e o mais ignorado. Um teste honesto: tire um screenshot do seu jogo e converta pra preto e branco. Se o personagem some no cenário, nenhuma escolha de matiz vai salvar. Contraste de valor é o que garante leitura; matiz e saturação são tempero por cima. Por isso a ordem certa é definir os valores primeiro (o que é escuro, o que é médio, o que é claro) e só depois decidir as cores em si.

Sobre matizes, três esquemas resolvem a maioria dos casos:

• Análogo: matizes vizinhos no círculo cromático (azul, azul-esverdeado, verde). Resultado calmo e coeso. Ótimo pra cenários.
• Complementar: matizes opostos (laranja e azul, vermelho e verde). Contraste máximo. Use o par com parcimônia: um lado domina, o outro acentua.
• Análogo com acento complementar: o melhor dos dois. Cenário inteiro em matizes vizinhos, e um único matiz oposto reservado pro que precisa gritar. É provavelmente o esquema mais usado em jogo 2D, e por bom motivo.

Uma regra de proporção emprestada do design de interiores ajuda a calibrar: 60/30/10. Cerca de 60% da tela na cor dominante (fundos, cenário), 30% na secundária (plataformas, objetos, NPCs) e 10% no acento (player, itens, perigo). Os números não são lei, são lembrete: a cor mais chamativa da paleta deve ser a mais rara na tela.

Como montar a paleta de cores do jogo na prática

Método direto, na ordem em que eu faria.

1. Comece pelo mood, não pela cor. Antes de abrir qualquer ferramenta, escreva em uma frase o que o jogo deve fazer o jogador sentir. "Melancolia e solidão" pede outra paleta que "caos divertido de arcade". Sem essa frase, você vai escolher cores bonitas que não dizem nada.

2. Escolha o matiz dominante. Uma cor que vai tingir a maior parte das telas e carregar o mood. Frios (azul, roxo, verde-escuro) puxam pra mistério, tristeza e noite. Quentes (laranja, amarelo, vermelho) puxam pra energia, aconchego ou alerta, dependendo da saturação.

3. Construa a rampa de valores do dominante. Pegue o matiz e crie de 4 a 6 passos do escuro ao claro. Truque que separa paleta viva de paleta morta: não escureça só baixando o brilho. Ao escurecer, desloque o matiz levemente pro frio (azul, roxo); ao clarear, desloque pro quente (amarelo). É o que pintores fazem há séculos e o que toda pixel art boa faz nas sombras. Sombra cinzenta parece sem vida; sombra azulada parece luz de verdade.

4. Adicione o secundário e o acento. Secundário: um matiz vizinho do dominante, com a própria rampa. Acento: o complementar, em uma ou duas variações no máximo.

5. Reserve as cores funcionais. Aqui paleta de jogo se separa de paleta de ilustração. Algumas cores não são estética, são interface: a cor do perigo, a cor do interativo, a cor da vida. Elas precisam ser exclusivas. Se o vermelho sinaliza dano, nada decorativo no cenário pode ser daquele vermelho, senão o jogador aprende a ignorar o sinal. Defina essas cores junto com a paleta e proteja elas como regra de design, não como sugestão.

6. Teste em cena real, não em quadradinhos. Paleta que parece linda em swatches pode morrer no jogo. Monte uma tela de teste com cenário, player, inimigo e UI usando só a paleta. Converta pra preto e branco e cheque a leitura. Ajuste e repita.

Ferramentas que valem a pena

Todas gratuitas, todas no navegador.

Lospec Palette List é a parada obrigatória pra quem faz pixel art, e útil mesmo pra quem não faz. São milhares de paletas criadas e testadas pela comunidade, filtráveis por número de cores. Começar de uma paleta pronta do Lospec e ajustar duas ou três cores pro seu mood é atalho legítimo, não trapaça. Paletas conhecidas de lá, como as da família de 16 e 32 cores mais baixadas do site, já carregaram jogo comercial nas costas.

Coolors gera esquemas rápido: você trava as cores que gostou, gira o resto até fechar e exporta os códigos hex. Bom pra explorar quando você ainda não sabe o que quer.

Adobe Color é onde a teoria vira manivela: você escolhe o esquema (análogo, complementar, tríade) e arrasta os pontos no círculo cromático vendo o resultado na hora. Também extrai paleta de imagem, o que é ótimo pra roubar cores de fotografia e pintura, que são fontes muito melhores que outros jogos.

E a ferramenta mais subestimada: o conta-gotas em cima de referência boa. Screenshot de filme com fotografia forte, pintura clássica, foto de golden hour. Pegar as cores de uma cena real bem iluminada ensina mais sobre rampa de valor que qualquer gerador.

Exemplos de quem fez certo

Olhar jogo lançado com a pergunta "quantas cores e por quê" treina o olho rápido.

Downwell é o caso extremo: três cores. Branco, preto e vermelho. O vermelho é puramente funcional, marca o que interage com você. Com três cores o jogo é legível em queda livre a toda velocidade, que é exatamente o que o design precisava. A paleta não é estilo por cima do jogo; ela é decisão de gameplay.

Limbo vive em preto, branco e a névoa entre os dois. A ausência de matiz é o mood: o jogo inteiro é silhueta e incerteza. Prova de que paleta não é sobre quantidade de cor, é sobre intenção.

Hollow Knight é a aula de análogo com acento: azuis, cinzas azulados e verdes profundos dominam Hallownest, e os acentos quentes (o laranja da infecção) carregam significado. Quando uma cor quente aparece naquele mundo frio, ela está dizendo algo, e o jogador entende sem tutorial.

Celeste usa cor pra identidade de fase: cada capítulo tem sua paleta dominante, e a Madeline, com cabelo vivo e contrastante, lê perfeitamente sobre todas elas. É o problema "o player precisa funcionar em todo cenário" resolvido na raiz, na escolha das cores do personagem.

O padrão que se repete: poucos matizes, valores bem separados, e a cor mais forte reservada pro que importa.

Travando a paleta no Godot

Paleta boa degrada por preguiça: alguém (você mesmo, três semanas depois) pega uma cor "parecida" no color picker em vez da cor certa, e em dois meses o jogo tem 14 tons de azul quase iguais. A solução é tirar a cor da memória e colocar no código, num lugar só.

# palette.gd
class_name Palette

# Fonte única de verdade das cores do jogo.
# Mudou a direção de arte? Muda aqui e o jogo inteiro acompanha.
const FUNDO_ESCURO = Color("1a1c2c")
const FUNDO_MEDIO = Color("333c57")
const SECUNDARIA = Color("566c86")
const CLARA = Color("94b0c2")
const DESTAQUE = Color("ffcd75")
const PERIGO = Color("b13e53")

Qualquer cor setada via código passa a vir daqui:

extends Label

func _ready():
    add_theme_color_override("font_color", Palette.CLARA)

func mostrar_dano(valor: int):
    text = str(valor)
    add_theme_color_override("font_color", Palette.PERIGO)

E pra quem quer a paleta imposta na marra, estilo pixel art retrô, dá pra quantizar a tela inteira com um shader de pós-processamento. Crie um ColorRect cobrindo a tela dentro de um CanvasLayer e aplique este shader, que substitui cada pixel pela cor mais próxima da paleta:

shader_type canvas_item;

uniform sampler2D screen_texture : hint_screen_texture, filter_nearest;

const int TAMANHO = 6;
const vec3 PALETA[6] = {
    vec3(0.102, 0.110, 0.173),
    vec3(0.200, 0.235, 0.341),
    vec3(0.337, 0.424, 0.525),
    vec3(0.580, 0.690, 0.761),
    vec3(1.000, 0.804, 0.459),
    vec3(0.694, 0.243, 0.325)
};

void fragment() {
    vec3 cor = texture(screen_texture, SCREEN_UV).rgb;
    vec3 mais_proxima = PALETA[0];
    float menor_dist = distance(cor, PALETA[0]);
    for (int i = 1; i < TAMANHO; i++) {
        float d = distance(cor, PALETA[i]);
        if (d < menor_dist) {
            menor_dist = d;
            mais_proxima = PALETA[i];
        }
    }
    COLOR = vec4(mais_proxima, 1.0);
}

Esse shader é útil também como ferramenta de teste: jogue ele por cima de uma cena existente com a paleta candidata e veja na hora como o jogo fica restrito àquelas cores, antes de repintar um único sprite.

Fechando

Paleta de cores não é a etapa glamourosa do desenvolvimento, e é exatamente por isso que ela é vantagem competitiva: a maioria pula. O processo cabe num parágrafo: defina o mood, escolha um matiz dominante, construa rampas com valor bem separado, adicione um acento complementar, reserve cores funcionais e teste em preto e branco.

Se quiser exercício concreto pra hoje: pegue um screenshot do seu projeto atual, converta pra preto e branco e veja o que some. Depois passe os elementos pra uma paleta de 16 cores do Lospec, sem mexer em mais nada. Na maioria dos projetos, só essa troca já muda a cara do jogo de "protótipo" pra "produto". É barato, é rápido e ensina mais que dez artigos de teoria.