Pular para o conteúdo
Tools

Verificador de contraste gratuito

Deixe toda combinação de cores mais legível.

Verifique cores de texto e interface conforme WCAG e corrija uma combinação sem perder sua personalidade.

  • Taxa de contraste exata
  • Correção acessível
  • Funciona neste navegador

Escolha as cores

Teste primeiro plano e fundo

Digite um valor HEX de três ou seis dígitos ou use os seletores de cores.

O matiz escolhe a família da cor. A intensidade vai do cinza neutro à cor viva. A luminosidade aproxima o resultado do preto ou do branco. Os três ajustes se combinam para formar a cor final.

{{ t('checker.picker', { label: t('checker.foreground') }) }}

{{ pickerHint('foreground') }}

{{ t('checker.picker', { label: t('checker.background') }) }}

{{ pickerHint('background') }}

Taxa de contraste {{ ratioText }}:1 {{ t('score.summary', { passed: passedCount, total: resultRows.length }) }} Detalhes do resultado
Taxa de contraste {{ ratioText }}:1 de um máximo de 21:1

A taxa mede a diferença entre claro e escuro: 1:1 significa nenhum contraste, e números maiores são mais fáceis de distinguir. AA é a meta usual; AAA é mais rigorosa.

  • {{ result.title }}{{ result.hint }} {{ result.pass ? t('results.pass') : t('results.fail') }}

Prévia ao vivo

Veja a combinação em contexto

Exemplo de texto grande

Um bom contraste mantém os parágrafos confortáveis para ler em telas e condições diferentes.

Correção acessível

Mantenha a cor, corrija o contraste

A luminosidade muda primeiro. O matiz e a intensidade ficam tão próximos quanto a gama exibível permite.

Corrigir primeiro plano

Esta cor já atinge a meta selecionada.

Alterar somente esta cor não permite atingir a meta.

Corrigir fundo

Esta cor já atinge a meta selecionada.

Alterar somente esta cor não permite atingir a meta.

{{ toast }}