Verificador de Contraste de Cor
Verifique conformidade de contraste de cor WCAG para acessibilidade
Verifique conformidade de contraste de cor WCAG para acessibilidade
- Prepare a entrada
Escolha as opções adequadas usando os controles abaixo.
- Execute a tarefa
Ajuste os controles abaixo e confira a prévia.
- Use o resultado
Confira o resultado e use os controles disponíveis para copiar ou baixar.
Duas cores RGB hex opacas. Exibição arredondada; limites usam o valor completo. Tamanhos em pontos. Não é uma auditoria de acessibilidade da página.
Seleção de Cor
Pré-visualização ao Vivo
The quick brown fox jumps over the lazy dog
Relação de Contraste 21.00:1
WCAG AA
PassaTexto Normal (4.5:1)
PassaTexto Grande (3:1)
PassaComponentes UI (3:1)
WCAG AAA
PassaTexto Normal (7:1)
PassaTexto Grande (4.5:1)
Texto selecionado: AAA
Informações de Cor
Foreground
HEX:#000000
RGB:0, 0, 0
Luminance:0.00%
Background
HEX:#FFFFFF
RGB:255, 255, 255
Luminance:100.00%
Pares Comuns
Safe Combinations (High Contrast)
Common Combinations
Verificador de Contraste de Cor
Verificador de contraste WCAG para acessibilidade web. Teste combinações de cores para conformidade AA e AAA.
Recursos
- Duas cores RGB hex opacas. Exibição arredondada; limites usam o valor completo. Tamanhos em pontos. Não é uma auditoria de acessibilidade da página.
Como usar
- Insira uma cor hex de 3 ou 6 dígitos, como #777777.
- Tamanho do Texto
- Relação de Contraste