Como usar
- Digite ou escolha a cor do primeiro plano usando a entrada de cor à esquerda.
- Digite ou escolha a cor de fundo usando a entrada de cor à direita.
- Leia a proporção de contraste e os crachás de aprovação/falha WCAG 2.1 para texto normal (AA requer 4,5:1), texto grande (AA requer 3:1) e componentes UI (3:1).
- Clique no botão de troca para inverter as cores e verificar ambas as direções.
Exemplos
- Primeiro plano #767676 em fundo #ffffff produz uma proporção de 4,48:1, que falha AA para texto normal mas passa para texto grande.
- Primeiro plano #000000 em #ffffff dá 21:1, passando em todos os níveis WCAG 2.1 incluindo AAA.