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.
Ajustar Cor
Clareie, escureça, inverta, desature ou ajuste a saturação de uma cor HEX, RGB ou HSL. Veja o resultado em tempo real com o código da cor resultante.
Imagem para ASCII
Converte qualquer imagem em arte ASCII a partir do brilho de cada pixel. Largura e densidade configuráveis.
Gerador de Numeronym
Crie numeronyms estilo "i18n" (internationalization) ou "k8s" (kubernetes): mantém a primeira e última letra e substitui as do meio pelo número delas. Tudo no navegador.