What is the minimum contrast ratio for WCAG AA compliance?

For WCAG AA compliance, normal text requires a minimum contrast ratio of 4.5:1, while large text (18pt or 14pt bold) requires 3:1.

What is the difference between WCAG AA and AAA standards?

WCAG AAA requires higher contrast ratios: 7:1 for normal text and 4.5:1 for large text, compared to AA's 4.5:1 and 3:1 respectively.

How do I fix poor color contrast?

Use our automatic fix feature to adjust either text or background colors while maintaining your design intent, or manually adjust colors using HSL sliders with visual indicators showing optimal zones for AA/AAA compliance.

What are the visual indicators on the adjustment sliders?

The green zones and AA/AAA markers show optimal ranges for achieving WCAG compliance. The direction hints (Lighter/Darker) guide you toward better contrast based on your current color combination.

Can I test custom color combinations?

Yes, you can enter any hex color codes or use the color picker to select custom colors. The URL updates automatically so you can share specific color combinations.

Color Contrast Checker - WCAG AA & AAA Compliance Tool

Verifique suas cores

Teste combinações de cores para garantir que atendem aos padrões de acessibilidade WCAG para legibilidade do texto.

1.00:1

Contraste

Reprovado

Muito fraco

Texto normal

AA (4.5:1)

AAA (7:1)

Texto grande

AA (3:1)

AAA (4.5:1)

Cor do texto

Cor de fundo

Correções rápidas

Título de pré-visualização

A rápida raposa marrom salta sobre o cão preguiçoso

Exemplo de texto pequeno (12px)

Texto

#ffffff

Fundo

#da8a67

Padrões WCAG

Nível AA

Proporção mínima de contraste de 4.5:1 para texto normal e 3:1 para texto grande. Necessário para a maioria dos sites.

Nível AAA

Proporção de contraste aprimorada de 7:1 para texto normal e 4.5:1 para texto grande. Recomendado para acessibilidade ideal.

Contraste insuficiente para todos os tamanhos de texto - não atende aos padrões WCAG.

Verificador de contraste de cor

Calcule a taxa de contraste entre cores de texto e de fundo.

Escolha uma cor usando o Selector de cor para o texto e a cor de fundo ou insira uma cor no formato hexadecimal RGB (por exemplo, #259 ou #2596BE). Você pode ajustar o controle deslizante para selecionar a cor. As Diretrizes de Acessibilidade para Conteúdo da Web (WCAG) têm uma diretriz específica para ajudar a determinar se o texto é legível para usuários com visão. Este critério usa um algoritmo específico para mapear combinações de cores em proporções comparáveis. Usando esta fórmula, a WCAG afirma que uma proporção de contraste de cor de 4.5:1 entre o texto e seu fundo é adequada para texto normal (corpo), e texto grande (18+ pt normal, ou 14+ pt negrito) deve ter pelo menos uma proporção de contraste de cor de 3:1.

Principais características

Cálculo de proporção de contraste em tempo real
Verificação de conformidade WCAG AA & AAA
Deslizadores HSL para ajustes finos
Vários formatos de visualização

Ferramentas avançadas

Correção automática de cores
Amostras de texto e fundo
Detecção de nome de cor
Exportar resultados