Verifique as relações de contraste de cores em relação às diretrizes WCAG 2.1 instantaneamente. Garanta que seu texto seja legível e seu design acessível a todos. Gratuito e fácil de usar.
Torne seu conteúdo utilizável para pessoas com deficiência de visão de cores (cerca de 1 em cada 12 homens e 1 em cada 200 mulheres), bem como para pessoas com baixa visão.
Um bom contraste melhora a legibilidade para todos, especialmente em telas escuras ou sob luz solar intensa.
Exige 4.5:1 para texto normal, 3:1 para texto grande. A meta padrão para a maioria dos sites.
Exige 7:1 para texto normal, 4.5:1 para texto grande. Acessibilidade aprimorada para usuários com perda de visão significativa.
Este verificador de contraste é executado inteiramente no seu navegador. Nenhum dado é enviado para nossos servidores.
Verificador de Contraste funciona melhor em um fluxo simples: prepare o arquivo, aplique a mudanca e confira o resultado antes de compartilhar.
Use Verificador de Contraste para esta tarefa: Verifique as relações de contraste de cores em relação às diretrizes WCAG 2.1 instantaneamente. Garanta que seu texto seja legível e seu design acessível a todos. Gratuito e fácil de usar. O trabalho fica no navegador, sem abrir um aplicativo mais pesado.
Visualize a saida, compare com o original e ajuste as opcoes antes de publicar ou compartilhar.
Para tarefas proximas, continue na categoria Ferramentas de Cor.
Links de fluxo relacionados
O contraste de cores é a diferença de brilho entre uma cor de primeiro plano e seu fundo. Um alto contraste garante que pessoas com deficiências visuais possam perceber seu conteúdo de forma eficaz.
Não, as diretrizes do WCAG fornecem exceções para texto que faz parte de um logotipo ou nome de marca, bem como para texto que é puramente decorativo.
Aumente a diferença de luminância. Torne a cor clara mais clara ou a cor escura mais escura. Use nossa visualização ao vivo para experimentar.