Gerador de paleta de cores acessível

Monte uma paleta de cores e veja instantaneamente quais combinações atendem às razões de contraste WCAG 2.2 AA (4,5:1) e AAA (7:1) para texto.

Sua paleta

Matriz de contraste

Clique em "Verificar todos os pares" para gerar a matriz de contraste.

Pares acessíveis

Inicie a verificação para ver os pares aprovados.

📚 Bases científicas e fontes

Para quem esta ferramenta foi projetada

Um contraste de cor adequado é essencial para pessoas com baixa visão, pessoas com deficiência de visão de cores e idosos, cuja sensibilidade ao contraste diminui com a idade.

Requisitos de contraste WCAG 2.2

  • CS 1.4.3 (contraste mínimo, nível AA): texto normal requer razão de contraste ≥ 4,5:1. Texto grande (18pt+ ou 14pt+ em negrito) precisa de ≥ 3:1.
  • CS 1.4.6 (contraste reforçado, nível AAA): texto normal requer razão de contraste ≥ 7:1. Texto grande precisa de ≥ 4,5:1.
  • CS 1.4.11 (contraste não textual, nível AA): componentes de interface e objetos gráficos precisam de contraste ≥ 3:1.

Referências científicas

  • W3C (2023). "Web Content Accessibility Guidelines (WCAG) 2.2." w3.org/TR/WCAG22
  • Owsley, C. (2011). "Aging and vision." Vision Research, 51(13), 1610–1622. · Documenta que a sensibilidade ao contraste diminui com a idade.
  • Organização Mundial da Saúde (2019). World Report on Vision. · Estabelece que ao menos 2,2 bilhões de pessoas têm alguma deficiência visual.
  • Legge, G.E. (2007). Psychophysics of Reading in Normal and Low Vision. Lawrence Erlbaum Associates. · Pesquisa fundamental sobre eficiência de leitura e baixa visão.
  • Arditi, A. & Faye, E. (2004). "Monocular and binocular letter contrast sensitivity and letter acuity in a diverse ophthalmologic population" · estudo da sensibilidade ao contraste de letras em uma população oftalmológica diversa.

Algoritmo

A luminância relativa é calculada conforme a especificação WCAG 2.2.

Isenção de responsabilidade

Esta ferramenta calcula razões de contraste com o algoritmo especificado no WCAG 2.2. Atingir os limites matemáticos de contraste é uma condição necessária, mas não suficiente, para a acessibilidade.

Ferramentas relacionadas

Verificador de contraste de cores Simulador de daltonismo Conversor de cores Verificador de cabeçalho WCAG