Escolher idioma

Verificador de contraste de cores

Calcule o contraste entre duas cores opacas e os limites AA/AAA para texto da WCAG 2.2.

Esta página mostra as ferramentas disponíveis neste idioma dentro do escopo atual. Isso não significa que todas as ferramentas do site estejam traduzidas para todos os idiomas.

HEX com 3/4/6/8 dígitos; RGB de 0 a 255 ou porcentagens; HSL com matiz de 0 a 360 e saturação/luminosidade de 0 a 100%. Use vírgulas e alpha de 0 a 1. O contraste aceita apenas cores opacas.

WCAG 2.2: AA exige 4.5:1 para texto normal e 3:1 para texto grande; AAA exige 7:1 e 4.5:1. Texto grande tem 18pt ou 14pt em negrito. A decisão usa a razão sem arredondamento; isto não é uma certificação de acessibilidade.

Como usar

Insira cores opacas para o texto e o fundo e calcule. Leia a razão e o resultado de cada limite considerando o tamanho real do seu texto.

Exemplo prático

Preto #000000 sobre branco #FFFFFF resulta em 21:1; a mesma cor sobre si mesma resulta em 1:1.

Compatibilidade e limites

WCAG 2.2: AA exige 4.5:1 para texto normal e 3:1 para texto grande; AAA exige 7:1 e 4.5:1. Grande significa 18pt ou 14pt em negrito. As decisões usam a razão sem arredondamento; a exibição arredonda para quatro casas decimais. Referências do W3C: Understanding SC 1.4.3 e SC 1.4.6.

Perguntas frequentes

Atender a um limite significa que um site cumpre toda a WCAG?

Não. Isso verifica apenas a razão de contraste de duas cores. Fontes, imagens, estados interativos e os demais requisitos de acessibilidade precisam de revisão independente.

Ferramentas relacionadas

Converter PNG em JPG

Converta PNG em JPEG e escolha o fundo que substitui as áreas transparentes.

Ver informações da imagem

Consulte o formato, os bytes, as dimensões, os megapixels e a proporção de uma imagem.

Conversor de formatos de cor

Converta uma cor entre HEX, RGB e HSL, incluindo alpha, com uma prévia de valores validados.