Insira as cores de texto e fundo e veja a razão de contraste e o limite para texto ou componentes.
Mudar de idioma inicia uma nova sessão. Salve o resultado primeiro.
Insira as cores de texto e fundo e veja a razão de contraste e o limite para texto ou componentes.
Avalia apenas contraste de cor: não é uma auditoria completa de acessibilidade nem garantia legal. Confira tamanho e contexto.
Primeiro plano (Texto)
RGB: 30, 41, 59
HSL: 217°, 33%, 17%
Plano de fundo
RGB: 255, 255, 255
HSL: 0°, 0%, 100%
Texto normal (14px) — Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incidente ut labore et dolore magna aliqua.
Texto grande (18pt / 24px) — Exemplo de título
Texto grande em negrito (14pt em negrito / ~18,67px em negrito) — Também conta como texto grande
14.63:1
Taxa de contraste
| Contexto | Limiar | WCAG AA | WCAG AAA |
|---|---|---|---|
| Texto normal | ≥4.5:1 / ≥7:1 | ✓ Aprovado | ✓ Aprovado |
| Texto grande (18pt+ ou 14pt em negrito) | ≥3:1 / ≥4.5:1 | ✓ Aprovado | ✓ Aprovado |
| Componentes de IU | ≥3:1 | ✓ Aprovado | — |
Gere esquemas de cores harmoniosos usando a teoria das cores. Inclui cores complementares, análogas, triádicas e muito mais.
🎨 Abra a Paleta de Cores →WCAG AA exige 4.5:1 para texto normal e 3:1 para texto grande. Uma verificação de cores não comprova, por si só, conformidade completa de acessibilidade.
AAA aumenta o contraste de texto para 7:1 no texto normal e 4.5:1 no texto grande. Esta ferramenta verifica cores, não conformidade legal.
Texto grande tem pelo menos 18pt em peso normal ou 14pt em negrito. Confira o tamanho e o peso reais da fonte no design final.
A ferramenta calcula a luminância relativa a partir de RGB linearizado e divide (luminância mais clara + 0.05) por (luminância mais escura + 0.05).
Se o texto estiver sobre um gradiente, imagem ou padrão, verifique a área de menor contraste. Um único par de cores uniformes não representa todo o fundo.