Avalie a legibilidade do texto contra cores de fundo personalizadas para atender aos requisitos de acessibilidade WCAG AA e AAA. Converta simultaneamente códigos de cores entre as notações HEX, RGB e HSL.
Inserir cor de primeiro plano
Insira a cor do seu texto no formato HEX, RGB ou HSL.
Definir cor de fundo
Escolha branco, preto ou insira um código de fundo personalizado para testar o contraste.
Verificar & ajustar
Verifique os indicadores de conformidade e clique em um nível de luminosidade se precisar de mais contraste.
Teste suas seleções de cores contra branco puro, preto puro ou qualquer fundo personalizado. A ferramenta informa as taxas exatas de contraste e confirma se você atende aos requisitos AA (4.5:1), AAA (7.0:1) ou Texto Grande (3.0:1).
Quando uma cor de marca não atingir os limites de contraste de acessibilidade, clique em qualquer um dos 9 níveis de luminosidade calculados para encontrar um tom em conformidade sem alterar o matiz principal.
Aceita HEX (#RGB, #RRGGBB, #RRGGBBAA), rgb(), hsl(), trios separados por espaço e mais de 50 cores nomeadas do CSS.
Não, ela foi desenvolvida exclusivamente para formatos digitais de web e tela (HEX, RGB, HSL).
Sim, cerca de 50 cores nomeadas padrão do CSS são reconhecidas e convertidas automaticamente.