Verificador de Contraste WCAG 2.1

Avaliação de Acessibilidade Web Padrões AA e AAA

Verificador de Contraste de Cores WCAG 2.1 (Padrões AA e AAA)

Avalie a conformidade de contraste entre texto e fundo de acordo com as diretrizes internacionais de acessibilidade web WCAG 2.1.

Cor do Texto:

Cor do Fundo:

Taxa de Contraste:

16.1 : 1

WCAG AAA COMPLIANT

The quick brown fox jumps over the lazy dog.

This is a live preview demonstrating text legibility and contrast compliance against the selected background color.

WCAG 2.1 Accessibility Audit Breakdown

Texto Normal (<18pt)

AA: APROVADO (min 4.5:1)

AAA: APROVADO (min 7:1)

Texto Grande (>=18pt)

AA: APROVADO (min 3:1)

AAA: APROVADO (min 4.5:1)

Componentes e Ícones

AA: APROVADO (min 3:1)

Graphics & Borders

Verificador de Contraste de Cores WCAG 2.1 (Padrões AA e AAA)

Online color contrast ratio tester for verificador contraste wcag. Evaluate WCAG 2.1 AA and AAA standards to ensure digital products are accessible to people with vision impairments.

Instruções de Uso Passo a Passo

Select or type the text foreground color and background color in HEX.
Check the calculated contrast ratio (e.g. 4.5:1 for standard web text).
Verify pass/fail badges across normal text, headlines, and UI elements.

Target Search Queries

+verificador contraste wcag
+calculadora de contraste de cores
+teste de acessibilidade contraste
+wcag 2.1 aa aaa verificacao
+contraste texto fundo
+ferramenta de cores acessiveis
+contraste de cores hex
+design acessivel web

Perguntas Frequentes e Dicas CSS

What is the minimum WCAG AA ratio for normal text?

WCAG 2.1 Level AA requires a contrast ratio of at least 4.5:1 for normal text (under 18pt) and at least 3:1 for large text (18pt or 14pt bold).

Privacidade 100% no Cliente

Seus dados visuais e regras CSS são processados apenas no navegador.

Renderização Fluida a 60 FPS

Zero atraso de rede com resposta visual em tempo real.

[+] Índice Geral de Ferramentas de Desenvolvimento

5 Todas as Ferramentas

Gerador de Box Shadow CSS e Estúdio de Sombras em Camadas

Projete sombras CSS elegantes e realistas com ajuste visual de desfoque, dispersão e transparência, gerando código CSS e Tailwind.

Gerador de Gradientes CSS (Lineares, Radiais e Cônicos)

Crie fundos em degradê linear, radial e cônico com pontos de cor dinâmicos, controle de ângulo e galeria de predefinições elegantes.

Verificador de Contraste de Cores WCAG 2.1 (Padrões AA e AAA)

Avalie a conformidade de contraste entre texto e fundo de acordo com as diretrizes internacionais de acessibilidade web WCAG 2.1.

Conversor de Unidades Responsivas PX para REM e EM

Converta pixels em REM e EM nos dois sentidos com tamanho de fonte base personalizado e geração imediata de declarações CSS.

Conversor de SVG para Data URI e Fundo Base64 CSS

Converta código SVG ou arquivos em Data URIs leves para background-image CSS e sequências Base64 com pré-visualização em tempo real.