MoaKit
Todas las herramientas

Comprobador de contraste

Comprueba el contraste de texto y fondo con WCAG AA/AAA y APCA, y obtén el color más cercano que cumple.

미리보기

큰 제목 글자

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

작은 안내 글자 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기준 통과

¿Qué es Comprobador de contraste?

Calcula la relación de contraste entre el color del texto y el del fondo e indica si cumple las normas de accesibilidad web (WCAG).

Cómo se usa

  1. Introduce el color del texto y el del fondo.
  2. Revisa la relación de contraste.
  3. Si no llega al estándar, ajusta los colores.

Consejos

  • Se recomienda 4,5:1 o más para el texto del cuerpo y 3:1 o más para el texto grande.