Contraste WCAG
Calcule a razão de contraste entre cor de texto e fundo em hex. Verifique conformidade WCAG 2.x para texto normal e grande (AA e AAA).
Contraste WCAG
Verifique contraste entre duas cores para acessibilidade.
Design
Contraste WCAG
Verifique acessibilidade entre duas cores.
Texto de exemplo Aa
Razão de contraste: 8.72:1
AA normal: PassaAA grande: PassaAAA normal: PassaAAA grande: Passa
Como usar
Como usar
Informe foreground e background em hex. O preview e os badges AA/AAA atualizam automaticamente.
Exemplos
Bom contraste
Texto branco em azul escuro.
Entrada
#ffffff sobre #1e40af
Saída
Passa AA e AAA
Fraco
Cinza claro em branco.
Entrada
#cccccc sobre #ffffff
Saída
Falha AA
Texto grande
Limite menor para fontes grandes.
Entrada
Ratio 3:1
Saída
AA large text