Paleta de cores para slides e apresentações

Para slides, use um fundo liso, um texto que contraste muito com ele e uma única cor de destaque. Escolha fundo claro com letra escura ou fundo escuro com letra clara, e não misture os dois no mesmo arquivo. Slide é lido de longe, em telas ruins e com a atenção dividida com a sua fala, então o contraste precisa ser mais forte do que o de um site.

Por que o slide pede mais contraste que um site

Em um site, a pessoa está a 40 centímetros da tela e controla a rolagem. Em uma apresentação, ela está a vários metros, num projetor que lava as cores ou numa TV com reflexo, e você decide o ritmo. Por isso:

• o texto é maior e mais curto;
• as cores finas (cinza claro sobre branco, por exemplo) desaparecem;
• cada slide tem uma coisa para olhar primeiro.

O Suporte da Microsoft, no guia de acessibilidade do PowerPoint, recomenda usar contraste suficiente entre texto e fundo, fonte de 18 pontos ou maior e fontes sem serifa como Arial ou Calibri. Use isso como piso.

Fundo claro ou fundo escuro para apresentar

Não há resposta única. Fundo claro costuma funcionar bem em sala iluminada, para documentos que serão impressos ou lidos depois. Fundo escuro funciona bem em auditório com luz baixa e para imagens e gráficos que “brilham” na tela. A regra é escolher um e manter. Quando a pessoa que apresenta alterna fundo branco e fundo preto sem motivo, o público perde o ritmo.

Se o arquivo vai ser enviado por e-mail depois, o fundo claro tem uma vantagem: gasta menos tinta se alguém imprimir. É uma questão prática, não uma regra de beleza.

Paleta “Noite com âmbar” para uma aula projetada

Vamos montar a paleta “Noite com âmbar” para uma aula de uma professora de ensino técnico, projetada numa sala de aula com a luz meio apagada. Cada cor tem um código HEX (o código de seis caracteres que identifica a cor).

1. Fundo: um azul-noite, #14213D.
2. Texto principal: branco, #FFFFFF.
3. Texto de apoio: cinza-claro, #E5E5E5, para legendas e fontes.
4. Destaque: âmbar, #FCA311, para a palavra-chave do slide, uma seta ou um número.

Calculei as razões de contraste pela fórmula da WCAG. A WCAG pede, no nível AA, 4,5:1 para texto normal e 3:1 para texto grande. No nível AAA, pede 7:1 para texto normal e 4,5:1 para texto grande. A versão 2.2, de outubro de 2023, manteve esses valores.

Combinação	Razão	Resultado
#FFFFFF sobre #14213D	15,97:1	passa AAA
#E5E5E5 sobre #14213D	12,68:1	passa AAA
#FCA311 sobre #14213D	7,90:1	passa AAA
#FCA311 sobre #E5E5E5	1,61:1	não passa

A última linha mostra o cuidado principal: o âmbar é ótimo sobre o fundo escuro e péssimo sobre fundo claro. Se a professora imprimir os slides em fundo claro, o destaque some. A saída é preparar uma versão para impressão com o destaque escurecido, ou usar um sublinhado e negrito além da cor.

Uma cor de destaque, usada com disciplina

O destaque serve para dizer “olhe aqui”. Se tudo estiver em âmbar, nada se destaca. Uma regra fácil: no máximo uma palavra, um número ou uma forma por slide na cor de destaque. Dessa forma, quando o slide muda, o olho vai direto para o âmbar.

Para entender quanto de cada cor usar, a regra 60-30-10 dá uma proporção de partida: 60% fundo, 30% texto e formas, 10% destaque.

Verde e vermelho no slide: some para parte do público

Se o slide diz “os itens em verde estão no prazo, os em vermelho estão atrasados”, uma parte do público não vai distinguir. O mesmo guia da Microsoft lembra que a cor não deve ser o único meio de passar informação, porque pessoas cegas, com baixa visão ou com daltonismo podem perder o que a cor significa. A solução é somar uma palavra (“atrasado”), um ícone ou um formato diferente. O tema é aprofundado em não use só a cor para passar informação.

Gráfico no slide: uma barra em destaque e o resto em cinza

Gráficos em slide pedem poucas cores e muito contraste com o fundo. Pinte em destaque só a barra ou linha de que você está falando e deixe o resto em cinza. Rotule direto no gráfico, sem legenda separada, para ninguém precisar ligar cor e nome de longe.

Quatro erros que apagam o slide no fundo da sala

Texto sobre foto sem proteção. Letra branca sobre uma foto clara some. Coloque uma faixa escura semitransparente atrás do texto ou escureça a foto.

Cinza para “suavizar”. Texto cinza médio sobre branco é bonito no monitor e ilegível no fundo da sala. Confira a razão antes.

Muitas cores por causa do tema pronto. Os temas prontos trazem seis ou mais cores de acento. Você não precisa usar todas. Apague e deixe só a sua.

Fonte pequena para “caber”. Se o texto não cabe com 18 pontos ou mais, o problema é a quantidade de texto, não a cor. Divida em dois slides.

Ensaio na sala: três metros e brilho a 50%

1. Abra o arquivo em tela cheia.
2. Afaste-se três metros da tela do computador. O texto se lê?
3. Reduza o brilho da tela a uns 50%, para imitar um projetor fraco. O destaque ainda aparece?
4. Se possível, teste no equipamento do local, na véspera.

O roteiro completo de testes, que serve para qualquer material, está em como testar uma paleta antes de usar.