Paletas de Cores para Daltonismo: Escolhas Seguras
Descobre quais combinações de cores funcionam para pessoas com daltonismo. Guia prático com ferramentas, exemplos reais e técnicas que qualquer designer pode aplicar hoje.
Por Que as Cores Importam Mais do Que Você Pensa
Cerca de 8% da população mundial — mais de 600 milhões de pessoas — tem alguma forma de daltonismo. Não é raro. Quando designers escolhem paletas sem considerar isso, eliminam literalmente pessoas da experiência. Isso não é acessibilidade complicada. É design responsável.
O bom? Não precisas de cores “chatas” ou monótonas. As melhores paletas para daltonismo são lindas, modernas e funcionam para toda a gente. Vais aprender a escolhê-las aqui.
Os Três Tipos Principais de Daltonismo
Conhecer os tipos é o primeiro passo. Cada um apresenta desafios diferentes — e oportunidades de design.
Deuteranopia (Vermelho-Verde)
A forma mais comum. Pessoas veem azuis e amarelos normalmente, mas confundem vermelhos com verdes. Se vires um semáforo com luz vermelha e luz verde, parece-te mais ou menos a mesma coisa — diferentes tons de castanho ou cinzento.
Protanopia (Vermelho-Verde)
Similar à deuteranopia, mas com diferenças subtis na forma como vermelho e verde são percebidos. Ambas afetam aproximadamente 1 em 12 homens. Nas mulheres é muito mais raro — cerca de 1 em 200.
Tritanopia (Azul-Amarelo)
Muito mais rara — apenas 1 em 10.000 pessoas. Azuis e amarelos são difíceis de distinguir, enquanto vermelhos e verdes são vistos bem. Afeta homens e mulheres igualmente.
Paletas de Cores Que Funcionam
Estas combinações foram testadas e são seguras para todos os tipos de daltonismo.
Não vais usar apenas azul e amarelo. Essa é uma ideia errada. Podes criar designs incríveis com muitas cores — basta seres inteligente sobre as combinações.
A regra de ouro? Nunca relies apenas na cor para comunicar informação. Se precisas diferenciar entre “completo” e “incompleto”, usa cor MAIS um ícone, padrão ou texto. Assim funciona para toda a gente.
Três Paletas Seguras e Bonitas
Podes começar com estas hoje mesmo.
Paleta 1: Azul e Laranja (Recomendado)
Azul profundo (#0173B2), laranja vibrante (#DE8F05), branco puro (#FFFFFF) para fundo. Funciona para deuteranopia e protanopia. O contraste é óbvio — não há confusão. Usa isto para botões de ação principal vs. secundária.
Paleta 2: Azul e Amarelo (Segura)
Azul-marinho (#003F87), amarelo puro (#FFD60A), cinzento neutro (#F1FAEE) para fundo. Esta paleta é segura para tritanopia também — rara, mas importante. Usa para interfaces onde a clareza absoluta é crítica.
Paleta 3: Cinzento e Azul (Minimalista)
Cinzento escuro (#424242), azul ciano (#06A4D4), fundo branco (#FFFFFF). Elegante e funciona para todos os tipos. Menos cores significa menos confusão. Perfeita para dados e aplicações financeiras.
Ferramentas para Testar Tuas Cores
Não podes confiar apenas na tua visão. Mesmo que não tenhas daltonismo, precisas de ferramentas para verificar se as tuas paletas funcionam.
- Colorblind Simulation: Chrome extension que mostra como o teu site parece para pessoas com diferentes tipos de daltonismo. Instala, clica, e vê imediatamente.
- Contrast Checker: Verifica se o contraste entre cor de texto e fundo cumpre normas WCAG AA (4.5:1 ratio mínimo). Essencial para legibilidade.
- WebAIM Color Contrast Checker: Online, sem instalação. Coloca hex codes e obtém resultado imediato se o contraste é aceitável.
- Accessible Colors: Gerador de paletas. Tells you which combinations work for each type of colorblindness. Rápido e intuitivo.
Cinco Práticas Que Funcionam
Aplica estas técnicas e o teu design funcionará para toda a gente.
Não relies só em cor
Se um botão é “ativo” porque é verde, adiciona um ícone de marca de verificação. Se um campo é “erro” porque é vermelho, adiciona também um ícone de aviso. Dupla redundância = clareza total.
Prioriza contraste luminoso
O daltonismo é sobre cor, não sobre brilho. Texto escuro sobre fundo claro (ou vice-versa) funciona sempre. Testa com ferramentas — a maioria dos designs com bom contraste de luminância funcionam bem.
Limita a paleta principal
Não precises de 12 cores. Três a cinco cores bem escolhidas criam designs bonitos e claros. Menos cor significa menos possibilidade de confusão — e interfaces mais limpas de qualquer forma.
Testa com simuladores
Antes de lançar, usa a extensão Colorblind Simulation no Chrome. Olha para o teu design através dos olhos de alguém com deuteranopia, protanopia e tritanopia. Leva dois minutos. Faz diferença.
Usa padrões e texturas
Em gráficos ou infografias, adiciona padrões: linhas, pontos, hachuras. Um gráfico com linhas sólidas coloridas é confuso para pessoas com daltonismo. O mesmo gráfico com padrões diferentes é claro para toda a gente.
Exemplo Prático: Interface de Dashboard
Imagina um dashboard de vendas. Normalmente, vendas “boas” são verdes, “más” são vermelhas. Confuso para pessoas com deuteranopia — parecem quase iguais.
Melhor abordagem? Usa azul para “bom” e laranja para “precisa atenção”. Adiciona ícones: uma seta para cima com “bom”, uma seta para baixo com “preocupante”. Resultado? Claro para 100% dos utilizadores. Ainda parece profissional. Todos ganham.
Este é o segredo. Design acessível não é “mais feio” — é mais claro, mais inteligente, mais respeitoso.
Resumo: O Que Recordar
- Daltonismo afeta milhões — vale a pena fazeres bem.
- Azul e laranja, azul e amarelo, ou cinzento e azul são paletas seguras e bonitas.
- Nunca relies apenas em cor. Adiciona ícones, padrões ou texto.
- Testa com ferramentas antes de lançar — são rápidas e gratuitas.
- Bom contraste luminoso funciona para toda a gente, sempre.
Nota Importante
Este artigo fornece informações educacionais sobre paletas de cores seguras para pessoas com daltonismo. As recomendações baseiam-se em investigação científica e normas de acessibilidade estabelecidas (WCAG 2.1). No entanto, cada pessoa com daltonismo pode ter experiências ligeiramente diferentes. Sempre testa o teu design com ferramentas de simulação e, se possível, com pessoas reais que têm daltonismo. Acessibilidade é um processo contínuo, não um checklist único.
