Verificador de Contraste de Cores

    Teste a relação de contraste entre as cores do primeiro plano e do fundo para garantir a acessibilidade.

    Verificador de Contraste de Cores

    Cor do texto
    Cor de fundo
    Contraste
    Fail
    Texto pequeno
    ✖︎
    Texto grande
    ✖︎

    Toda a gente é um génio. Mas se julgarmos um peixe pela sua capacidade de trepar a uma árvore, ele passará a vida inteira a acreditar que é estúpido.

    - Albert Einstein

    Verificador de Contraste de Cores

    Calcule a relação de contraste entre as cores do texto e do fundo.

    Escolha uma cor utilizando o seletor de cores para o texto e o fundo, ou introduza uma cor no formato hexadecimal RGB (por exemplo, #259 ou #2596BE). Pode ajustar o seletor para escolher a cor. As Diretrizes de Acessibilidade para o Conteúdo da Web (WCAG) têm uma norma específica para ajudar a determinar se o texto é legível para os utilizadores. Este critério utiliza um algoritmo para mapear combinações de cores em proporções comparáveis. Utilizando esta fórmula, as WCAG afirmam que uma relação de contraste de 4.5:1 entre o texto e o fundo é suficiente para texto normal, e que texto grande (18pt ou maior, ou 14pt ou maior e a negrito) deve ter uma relação de contraste de pelo menos 3:1.