👁 Um kit de ferramentas,
cada tarefa de design

Verificador de Contraste

Verifique a conformidade com WCAG AA/AAA para cores de texto e de fundo. Obtenha classificações de acessibilidade instantâneas.

English 中文 日本語 한국어 Español Português Français Deutsch العربية हिन्दी ไทย Tiếng Việt Bahasa Русский

👁 Verificador de Contraste

Guia do verificador de contraste de cores

O contraste de cores é a diferença de luminância entre o texto e seu fundo. Um bom contraste garante legibilidade para todos os usuários, inclusive aqueles com deficiência visual.

Insira uma cor de texto e uma cor de fundo. A ferramenta calcula a taxa de contraste e informa se ela passa nos padrões WCAG AA (mínimo) ou AAA (aprimorado).

Pro Tips

Frequently Asked Questions

Q: O que é WCAG?
O que é WCAG? WCAG (Diretrizes de Acessibilidade de Conteúdo da Web) é o padrão internacional para acessibilidade na web.
Q: Qual taxa de contraste é boa?
Qual taxa de contraste é boa? 4,5:1 para texto normal (AA), 3:1 para texto grande (AA), 7:1 para texto aprimorado (AAA).
Q: Qual nível WCAG devo atingir?
Qual nível WCAG devo atingir? Para sites padrão, segmente WCAG AA (4,5:1 para texto normal). Para projetos focados em acessibilidade ou sites governamentais, direcione WCAG AAA (7:1). Texto grande (18px + negrito) precisa de 3:1 ou 4,5:1.
Q: Esta ferramenta verifica daltonismo?
Esta ferramenta verifica daltonismo? Não, a taxa de contraste tem a ver com luminância, não com percepção de cores. Use nosso Simulador de daltonismo junto com o Verificador de contraste para testes abrangentes de acessibilidade.
Q: Como faço para corrigir uma taxa de contraste com falha?
Como faço para corrigir uma taxa de contraste com falha? Escureça a cor do texto, clareie a cor de fundo, aumente o tamanho da fonte ou deixe o texto em negrito. A ferramenta destaca quais níveis das WCAG são aprovados ou reprovados em tempo real.

Cores do Brasil

Do verde da bandeira ao azul dos azulejos, as cores brasileiras misturam natureza tropical, herança portuguesa e a energia do carnaval. Uma paleta viva que reflete a identidade visual do país.

Verde Bandeira #009C3B

O verde da bandeira nacional, símbolo das matas

Amarelo Bandeira #FFDF00

O ouro do losango da bandeira brasileira

Azul Bandeira #002776

O azul do círculo e das estrelas

Azul Azulejo #1E5FA8

Herança dos azulejos portugueses em igrejas e casarões

Rosa Choque #FF1493

A energia vibrante do carnaval e das marcas jovens

Verde Amazônia #228B22

A floresta tropical, pulmão do planeta

Amarelo Ouro #FFD700

O ouro do barroco mineiro de Ouro Preto

Terracota Nordestina #CD5C5C

A argila do sertão e do artesanato nordestino

Anil #4B0082

Cor do vestido tradicional das baianas

Branco Areia #EDE4D3

As praias de areia clara do litoral

Q: Qual é o verde da bandeira do Brasil?
Qual é o verde da bandeira do Brasil? O verde oficial da bandeira brasileira é aproximadamente #009C3B, junto com o amarelo #FFDF00 e o azul #002776.
Q: O que é o azul azulejo?
O que é o azul azulejo? É o azul característico dos azulejos portugueses (aproximadamente #1E5FA8), herança colonial presente na arquitetura de igrejas, casarões e cidades históricas brasileiras.