MoaKit
Todas as ferramentas

Verificador de contraste

Verifique o contraste entre texto e fundo pelos critérios WCAG AA/AAA e APCA e receba a cor aprovada mais próxima.

미리보기

큰 제목 글자

본문 글자는 이 정도 크기예요. 오래 읽어도 눈이 편한지 확인해 보세요.

작은 안내 글자 12px

버튼

7.57:1

아주 좋아요

APCA Lc 86.3 · 본문에 충분

  • AA 본문 글자일반 글자(약 18px 미만) · 4.5:1기준 통과
  • AA 큰 글자24px 이상, 또는 굵은 19px 이상 · 3:1기준 통과
  • AAA 본문 글자더 엄격한 기준 · 7:1기준 통과
  • AAA 큰 글자큰 글자의 엄격한 기준 · 4.5:1기준 통과
  • 아이콘·입력칸 테두리버튼 모양, 아이콘, 포커스 표시 (WCAG 1.4.11) · 3:1기준 통과

O que é Verificador de contraste?

Calcula a razão de contraste entre as cores do texto e do fundo e informa se atende aos padrões de acessibilidade web (WCAG).

Como usar

  1. Informe a cor do texto e a cor do fundo.
  2. Confira a razão de contraste.
  3. Se não atingir o padrão, ajuste as cores.

Dicas

  • Recomenda-se 4,5:1 ou mais para o texto do corpo e 3:1 ou mais para texto grande.