Verificador de contraste de color - Conforme con WCAG 2.1

¿Qué es Verificador de contraste?

Contrast Checker calcula y evalúa la relación de contraste entre colores de primer plano y fondo según los estándares WCAG 2.1 (Pautas de Accesibilidad para el Contenido Web). Ayuda a garantizar que las combinaciones de colores de texto y fondo tengan suficiente contraste para la accesibilidad.

Ver también: Conversor de código de color · Generador de paleta

Cómo usar

1. Selecciona el color de primer plano (texto) usando el selector de color o la entrada HEX
2. Selecciona el color de fondo usando el selector de color o la entrada HEX
3. Comprueba la relación de contraste y los resultados WCAG AA/AAA
4. Vista previa del aspecto real del texto

Preguntas frecuentes

¿Cuál es la diferencia entre WCAG AA y AAA?

AA es el estándar mínimo (4,5:1 para texto normal, 3:1 para texto grande), AAA es mejorado (7:1 para texto normal, 4,5:1 para texto grande).

¿Qué se considera texto grande?

El texto de 18px o más, o el texto en negrita de 14px o más se considera texto grande.

¿Cómo uso esta herramienta?

Introduce el color de primer plano y fondo mediante el selector de color o el campo HEX. La relación de contraste y los resultados WCAG se muestran al instante.

¿Se envían mis datos a un servidor?

No. Todo el procesamiento ocurre en tu navegador; no se envían datos a ningún servidor.

¿Qué hago si el contraste no cumple los requisitos?

Intenta oscurecer el color del texto o aclarar el fondo (o viceversa), o aumenta el tamaño del texto para cumplir más fácilmente el umbral de texto grande.

Herramientas relacionadas