Ferramentas · Acessibilidade

Verificador de contraste WCAG

Cole ou digite as cores do texto e do fundo para ver o contraste, se passa nos níveis WCAG e sugestões para melhorar a acessibilidade.

Cores

Cor do texto

Cor do fundo

—razão de contraste

—texto normal

—texto grande

Valores válidos: hex (#RRGGBB), rgb(r,g,b) ou nomes como "white".

Texto normal (14px, 400)

Texto grande (24px, 700)

—ajuste no texto

—ajuste no fundo

Sugestões para atingir contraste de 7:1 (AAA). Se já passa, mostra "—".

O contraste é calculado usando a fórmula WCAG: razão entre as luminâncias relativas das cores (escala de 1 a 21).
Níveis AA exigem contraste de 4,5:1 para texto normal e 3:1 para texto grande (≥18pt ou 14pt negrito); AAA exige 7:1 e 4,5:1 respectivamente.
A luminância é calculada a partir dos canais RGB com correção gama (sRGB) e normalização.
A função de ajuste sugere escurecer o texto ou clarear o fundo até atingir o contraste desejado, com base em variação linear de luminância.
Este verificador usa as regras WCAG 2.1 e não considera texto decorativo, logotipos ou tamanhos muito pequenos.

Converte números entre binário, octal, decimal e hexadecimal com validação de dígitos e suporte a números grandes.

Converta cores entre HEX, RGB e HSL, com amostra visual, atalhos (#fff) e validação de limites. Sem envio de dados.

Compare dois textos e veja linhas adicionadas, removidas e iguais, usando o algoritmo de maior subsequência comum.