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 (12 px)
Normas WCAG
Level AA
Relación de contraste mínima de 4,5:1 para texto normal y de 3:1 para texto grande. Obligatorio para la mayoría de los sitios web.
Level AAA
Relación de contraste mejorada de 7:1 para texto normal y de 4,5:1 para texto grande. Recomendado para una accesibilidad óptima.
Contraste insuficiente para todos los tamaños de texto: incumple las normas WCAG.
Comprobador de Contraste de Color
Calcula la relación de contraste de los colores del texto y del fondo.
Elige un color utilizando el selector de color para el texto y el color de 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 al Contenido en la Web (WCAG) tienen una pauta específica para ayudar a determinar si el texto es legible para los usuarios videntes. Este criterio utiliza un algoritmo concreto para asignar combinaciones de colores a proporciones comparables. Utilizando esta fórmula, las WCAG establecen que una relación de contraste de color de 4,5:1 con el texto y su fondo es adecuada para el texto normal (cuerpo), y que el texto grande (normal de más de 18 pt, o negrita de más de 14 pt) debe tener al menos una relación de contraste de color de 3:1.
Características principales
- • Cálculo de la relación de contraste en tiempo real
- • Comprobación de cumplimiento de WCAG AA y AAA
- • Controles deslizantes HSL para ajuste fino
- • Múltiples formatos de vista previa
Herramientas avanzadas
- • Fijación automática del color
- • Muestras de texto y fondo
- • Detección del nombre del color
- • Exportar resultados