Verificador de Contraste (WCAG)
Verifique o contraste entre cor de texto e fundo conforme as diretrizes WCAG 2.1. Exibe a proporção e os níveis AA e AAA para texto normal e grande.
Texto de tamanho normal (16px)
Texto grande (24px bold)
Texto pequeno (12px)
Proporção de contraste
máximo 21:1 (preto no branco)
Entendendo o WCAG
As Diretrizes de Acessibilidade para Conteúdo Web (WCAG 2.1) estabelecem o contraste mínimo que um conteúdo precisa ter para que pessoas com baixa visão consigam ler.
- • AA — Texto normal: proporção ≥ 4,5:1
- • AA — Texto grande (≥18pt ou ≥14pt bold): proporção ≥ 3:1
- • AAA — Texto normal: proporção ≥ 7:1
- • AAA — Texto grande: proporção ≥ 4,5:1
Ferramentas Relacionadas
Simulador de Daltonismo
Veja como uma imagem aparece para pessoas com protanopia, deuteranopia, tritanopia ou acromatopsia. Ferramenta de acessibilidade para designers e desenvolvedores.
Gerador de Tons de Cor
Gere tons (shades) e matizes (tints) de qualquer cor. Clique para copiar o código HEX, RGB ou HSL. Ideal para sistemas de design.
Contraste WCAG AA
Calcule a razão de contraste entre duas cores e veja se passa nos níveis WCAG AA e AAA. Garanta texto legível e acessível no seu site, copiando cores aprovadas.