Lições Interativas de Matemática e Ciências

Verificador de Contraste de Cores (Luminância WCAG)

Informe uma cor de primeiro plano e uma de fundo para calcular abaixo a luminância relativa WCAG atual e a razão de contraste (AA/AAA). As amostras à direita, abaixo da pré-visualização, mostram o que a fórmula WCAG moderna "vê" para cada cor; as da esquerda mostram o que a fórmula de luma de um engenheiro de radiodifusão de 1953 teria mostrado para essas mesmas cores — uma comparação direta entre o antigo e o novo.

A carregar a simulação interativa...

Por que o verde pesa mais do que o vermelho e o azul — e por que a lei ainda usa a matemática de 1953 🖖

Os pesos na fórmula de luminância (0,2126 com forte peso no verde hoje; 0,299/0,587/0,114 em 1953) não são arbitrários: eles remontam ao observador-padrão CIE 1931, que constatou que a resposta dos cones do olho humano e a curva de eficiência luminosa nos tornam muito mais sensíveis à luz verde do que à vermelha ou à azul. O NTSC precisava exatamente desse tipo de soma ponderada em 1953 para que uma nova transmissão em cores ainda produzisse uma imagem em escala de cinza correta nos milhões de aparelhos em preto e branco já presentes nas salas de estar — o 'luma' foi criado como um truque de retrocompatibilidade, não como um ideal perceptual. Essa história importa hoje porque a razão de contraste do WCAG 2 verificada acima tem peso legal (citada pela ADA e pela EN 301549), mas os cientistas da visão a consideram falha: sabe-se que ela superestima o contraste de texto escuro sobre fundo claro e subestima o de texto claro sobre fundo escuro — algo diretamente relevante, já que este próprio site usa um tema escuro por padrão. O APCA, substituto proposto no rascunho do WCAG 3, modela essa assimetria corretamente; até que seja lançado oficialmente, a fórmula acima continua sendo a que você realmente precisa satisfazer.

O que uma razão de contraste realmente mede 🖖

O número que esta ferramenta exibe é uma razão de luminância relativa: (L1 + 0.05) / (L2 + 0.05), em que L1 é a cor mais clara e L2 a mais escura. Vai de 1:1 (cores idênticas, invisíveis) a 21:1 (preto puro sobre branco puro). O 0.05 somado a ambos não é arredondamento: modela o leve reflexo de luz ambiente que as telas reais devolvem, de modo que nem o 'preto puro' chega a zero. Mire 4.5:1 no texto corrido e 3:1 no texto grande para passar no limite WCAG AA.

Um erro de digitação congelado na lei 🖖

A fórmula lineariza cada canal sRGB com uma curva por partes que passa de um trecho linear para um expoente gama em um limiar. A WCAG 2 coloca essa transição em 0.03928, mas o padrão sRGB real a fixa em 0.04045. O valor da WCAG é um erro de digitação, copiado de um rascunho inicial do sRGB antes de o número ser corrigido, e desde então gravado numa norma de acessibilidade citada internacionalmente. O erro desloca os resultados em menos de 10⁻⁴, então ninguém se deu ao trabalho de corrigir o texto.

Problemas de exemplo