Como funciona
Cada canal sRGB é linearizado, combinado em luminância relativa e comparado pela fórmula (Lmaisclaro + 0,05) / (Lmaisescuro + 0,05).
Design / HXD Labs
Verificador de contraste de cores
Teste duas cores hexadecimais antes de usar texto ou componentes em uma interface.
Resultado
Preencha os campos para ver o resultado.
Como usar
A proporção usa a luminância relativa WCAG. Confira os critérios AA e AAA, visualize um exemplo de texto nas cores escolhidas e copie o relatório. Os limites dependem do tamanho do texto; isso não substitui uma revisão completa de acessibilidade.
Exemplo
Preto sobre branco tem contraste 21:1; duas cores cinza próximas podem ficar abaixo de 4,5:1 para texto comum.
Atenção
WCAG AA pede 4,5:1 para texto normal, 3:1 para texto grande e componentes não textuais relevantes. Fonte, espessura e contexto também importam.