Color Contrast Ratio Calculator
Calculadora gratuitaVerifique a relação de contraste WCAG entre o texto e o fundo para garantir um design legível e acessível.
100% privado
Roda no seu navegador — nenhum número sai do seu dispositivo.
Suas cores (RGB)
Canal vermelho da cor do texto.
Canal verde da cor do texto.
Canal azul da cor do texto.
Canal vermelho da cor de fundo.
Canal verde da cor de fundo.
Canal azul da cor de fundo.
Relação de contraste
15,43 : 1
WCAG AA exige 4,5:1 (3:1 para texto grande); AAA exige 7:1.
Como funciona
colorContrast.how.s1.title
colorContrast.how.s1.desc
colorContrast.how.s2.title
colorContrast.how.s2.desc
colorContrast.how.s3.title
colorContrast.how.s3.desc
colorContrast.how.s4.title
colorContrast.how.s4.desc
Crie capturas de tela que as pessoas realmente conseguem ler
A Reverze reconstrói capturas de tela da App Store em criativos legíveis e de maior conversão.
Por que o contraste de cores importa
A relação de contraste mede o quanto a cor do seu texto difere do fundo, numa escala de 1:1 (idêntico) a 21:1 (preto sobre branco). As Diretrizes de Acessibilidade para Conteúdo Web (WCAG) definem relações mínimas para que pessoas com baixa visão ou daltonismo consigam ler o seu conteúdo. O texto normal precisa de pelo menos 4,5:1 para passar no AA, enquanto o texto grande (cerca de 18pt, ou 14pt em negrito) exige apenas 3:1.
O nível AAA, mais rigoroso, pede 7:1 para texto normal e 4,5:1 para texto grande. Esta calculadora aplica a fórmula oficial de luminância relativa da WCAG aos seus valores RGB, para que você verifique qualquer par de texto e fundo antes de publicar — sem precisar julgar a olho.