Texto normal
Texto grande
Soluciones rápidas
Título de vista previa
El rápido zorro marrón salta sobre el perro perezoso
Ejemplo de texto pequeño (12px)
Estándares WCAG
Level AA
Ratio mínimo de contraste de 4.5:1 para texto normal y 3:1 para texto grande. Requerido para la mayoría de los sitios web.
Level AAA
Ratio mejorado de contraste de 7:1 para texto normal y 4.5:1 para texto grande. Recomendado para una accesibilidad óptima.
Contraste insuficiente para todos los tamaños de texto - no cumple con los estándares WCAG.
Verificador de contraste de color
Calcula la relación de contraste entre los colores del texto y el fondo.
Elige un color usando el selector de color para el texto y el fondo o introduce un color en formato hexadecimal RGB (por ejemplo, #259 o #2596BE). Puedes ajustar el deslizador para seleccionar el color. Las Pautas de Accesibilidad para el Contenido Web (WCAG) tienen una guía específica para determinar si el texto es legible para los usuarios videntes. Este criterio utiliza un algoritmo para mapear combinaciones de colores en ratios comparables. Usando esta fórmula, la WCAG indica que un ratio de contraste de color 4.5:1 entre el texto y su fondo es adecuado para texto normal (cuerpo), y el texto grande (18+ pt regular, o 14+ pt en negrita) debe tener al menos un ratio de contraste de 3:1.
Características clave
- • Cálculo de relación de contraste en tiempo real
- • Verificación de cumplimiento WCAG AA & AAA
- • Deslizadores HSL para ajuste fino
- • Múltiples formatos de vista previa
Herramientas avanzadas
- • Corrección automática de color
- • Muestras de texto y fondo
- • Detección de nombre de color
- • Exportar resultados