Verificador de contraste de color

    Prueba la relación de contraste entre los colores de primer plano y de fondo para asegurar la accesibilidad.

    1.00:1
    Contraste
    Fail
    Muy pobre

    Texto normal

    AA (4.5:1)
    AAA (7:1)

    Texto grande

    AA (3:1)
    AAA (4.5:1)
    Black
    #000000
    Eastern Blue
    #2596be

    Soluciones rápidas

    Aa

    Título de vista previa

    El rápido zorro marrón salta sobre el perro perezoso

    Ejemplo de texto pequeño (12px)

    Texto
    #000000
    Fondo
    #2596be

    Estándares WCAG

    Level AA

    Relación de contraste mínima de 4.5:1 para texto normal y 3:1 para texto grande. Requerido para la mayoría de los sitios web.

    Level AAA

    Relación de contraste mejorada 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 ingresa 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 guía específica para determinar si el texto es legible para los usuarios con visión. Este criterio utiliza un algoritmo particular para mapear combinaciones de colores en proporciones comparables. Usando esta fórmula, WCAG establece que una relación de contraste de color de 4.5:1 entre el texto y su fondo es adecuada para texto normal (cuerpo), y el texto grande (18+ pt regular, o 14+ pt en negrita) debe tener al menos una relación 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