Verificador de Contraste

Verificar proporções de contraste WCAG. Texto acessível.

Cor do texto (primeiro plano)

Cor de fundo

Sugestões de conformidade

Taxa de contraste6.75:1Luminância: Texto 0.320 | BG 0.005

AA Texto normal (4.5:1) APROVADO

AA Texto grande (3.0:1) APROVADO

AAA Texto normal (7.0:1) REPROVADO

AAA Texto grande (4.5:1) APROVADO

Renderização de exemplo interativo

Texto normal (14pt / 16px)

Design is not just what it looks like and feels like. Design is how it works.

Texto grande (18pt / 24px negrito)

Design is not just what it looks like and feels like. Design is how it works.

Como funciona

Ele mede a razão de contraste WCAG; a legibilidade no mundo real também depende do tamanho, peso e renderização da fonte — a ferramenta informa os limiares de texto grande separadamente.
Ele verifica um único par primeiro plano/fundo, não uma interface inteira de uma vez.

O WCAG AA exige 4.5:1 para texto normal e 3:1 para texto grande; o AAA exige 7:1 e 4.5:1. A ferramenta mostra quais níveis o seu par atinge.

Texto maior e mais pesado é mais fácil de ler, então o WCAG permite um limiar de contraste menor para ele. O verificador reporta ambos os casos.

Não. O cálculo de contraste roda inteiramente no seu navegador.