DCPIXEL
Todas as ferramentas

Verificador de contraste

Verifique se duas cores atendem aos requisitos de contraste de acessibilidade WCAG 2.1 AA/AAA para texto. Instantâneo.

Você tem mais 3 tentativa(s) grátis nesta ferramenta hojeComeçar teste grátis de 3 dias →

Cores

Taxa de contraste

17.74:1

The quick brown fox

Prévia de texto de tamanho normal — jumps over the lazy dog.

Conformidade WCAG 2.1

AA — Texto normal (4,5:1)
AA — Texto grande (3:1)
AAA — Texto normal (7:1)
AAA — Texto grande (4,5:1)

Verificador de contraste

Insira uma cor de texto e uma cor de fundo para ver instantaneamente a razão de contraste e se ela passa nos limiares WCAG 2.1 AA e AAA para texto normal e grande — essencial para design web e de aplicativos acessível.

🔐 100% Private — Client-Side Execution

All processing happens inside your browser using WebAssembly and HTML5 Canvas. Zero file uploads, zero server tracking. Compliant with LGPD & GDPR.

Perguntas frequentes

Qual é a diferença entre AA e AAA?
AA é o requisito legal padrão de acessibilidade que a maioria dos sites busca. AAA é um nível mais rigoroso e opcional para máxima acessibilidade, mais difícil de atingir com cores de marca.
O que conta como "texto grande" para o limiar 3:1?
Texto com pelo menos 18pt (24px), ou 14pt (18,66px) em negrito, conforme a definição do WCAG 2.1.
Isso também verifica contraste seguro para daltônicos?
Esta ferramenta verifica o contraste de luminância conforme o WCAG, o que ajuda amplamente, mas para deficiência de visão de cores especificamente, use a ferramenta separada Simulador de Daltonismo.
🔥 Speed Up Your Site - 60% Off Launch

Score 99+ on Google PageSpeed Insights

Fast-track Largest Contentful Paint (LCP) under 2.5s and learn secure browser WebAssembly sizing matrices. Get our premium ebook Pixel Perfect with 4 bonus guides.

Você Também Pode Gostar

Outras ferramentas úteis para complementar o seu fluxo

Simulador de daltonismo

Veja como sua imagem ou design parece para pessoas com protanopia, deuteranopia,...

Histograma de imagem

Veja a distribuição vermelha, verde, azul, e de brilho de qualquer foto como um ...

Comparar imagens

Envie duas imagens e veja instantaneamente cada pixel que difere entre elas, des...

Mais ferramentas estão sendo traduzidas — navegue pelo catálogo completo em inglês para o resto.

Todas as ferramentas →