Initializing, please wait a moment

Color Contrast Checker (WCAG) Quando Usar


Abra o Color Contrast Checker (WCAG) quando precisar de um teste rapido de contraste entre duas cores sem instalar suite de acessibilidade nem enviar ficheiros.


Quando se aplica

Validar rotulo de botao contra o preenchimento antes de publicar CSS. Comparar texto do corpo com o fundo da paleta da marca. Confirmar que um titulo grande ainda passa AA com fundo suave. Manter os HEX neste dispositivo porque o calculo corre neste separador.


O que esperar

Escolha cores de primeiro plano e fundo; o racio e os resultados AA / AAA atualizam ao mudar. Use a previa ao vivo para ler texto normal e grande. Tudo no navegador - sem upload e sem conta. O racio usa a formula de luminancia relativa do W3C (WCAG 2.1).

Para os passos exactos, veja o guia passo a passo.

← Voltar para ferramentas de desenvolvedor