Verificador de Contraste de Cores (WCAG)
Escolha uma cor de texto e uma cor de fundo para verificar a relação de contraste de acessibilidade WCAG.
Texto de exemplo
Um rápido cão marrom salta sobre o cachorro preguiçoso.
Relação de contraste
17.06:1
Como a relação é calculada
A relação de contraste segue a fórmula da WCAG 2.1, baseada na luminância relativa de cada cor. Ela varia de 1:1 (sem contraste) a 21:1 (preto no branco), o máximo possível.
Perguntas frequentes
Qual relação de contraste eu preciso?
A WCAG 2.1 exige pelo menos 4,5:1 para texto normal e 3:1 para texto grande no nível AA, e 7:1 / 4,5:1 respectivamente para o nível AAA, mais rigoroso.
O que conta como texto grande?
O texto é considerado grande quando tem pelo menos 18pt (24px), ou 14pt (cerca de 18,66px) em negrito.
Por que o contraste importa?
Um contraste suficiente ajuda pessoas com baixa visão ou daltonismo a ler seu conteúdo, e é uma exigência legal de acessibilidade em muitas jurisdições.
Ferramentas Relacionadas
Você também pode precisar destas para a mesma tarefa.
Monte gradientes CSS lineares ou radiais visualmente e copie o código pronto para usar.
Abrir ferramentaGere paletas de cores aleatórias, análogas ou complementares com HEX, RGB e HSL.
Abrir ferramentaGere hashes MD5, SHA-1, SHA-256, SHA-384 e SHA-512 a partir de qualquer texto.
Abrir ferramentaCrie um QR Code Pix Copia e Cola com valor, nome e cidade em segundos.
Abrir ferramenta