Primeiro Plano (Texto)

Fundo

Taxa de Contraste —

AA · Normal — Texto < 18pt ou < 14pt negrito ≥ 4.5 : 1

AA · Large — Texto ≥ 18pt ou ≥ 14pt negrito ≥ 3.0 : 1

AA · UI — Ícones, bordas, anéis de foco ≥ 3.0 : 1

AAA · Normal — Aprimorado para corpo de texto ≥ 7.0 : 1

AAA · Large — Aprimorado para títulos ≥ 4.5 : 1

Prévia Clique para editar

The Quick Brown Fox

Jumps over the lazy dog. Este exemplo mostra como sua combinação de cores fica em diferentes tamanhos.

Texto pequeno — legenda de 11px

22px — Texto grande · AA Large, AAA Large 14px — Texto normal · AA Normal, AAA Normal 11px — Abaixo do limiar AA

As taxas de contraste são calculadas conforme WCAG 2.1. Todo o processamento ocorre no seu navegador.

Verificador de Contraste de Cores (WCAG 2.1)

O que esta ferramenta faz

Insira uma cor de primeiro plano (texto) e uma cor de fundo em formato HEX, ou use os seletores de cor. A ferramenta calcula instantaneamente a taxa de contraste WCAG 2.1 e verifica cinco níveis de conformidade: AA Normal, AA Grande, AA Componentes UI, AAA Normal e AAA Grande. A prévia ao vivo mostra como o texto fica com essas cores.

Como usar

Defina a cor do texto usando o seletor ou digitando um valor HEX.
Defina a cor de fundo da mesma forma.
Leia a taxa de contraste e veja quais níveis WCAG passam ou falham.
Use Trocar para inverter as cores.