Comprobador de Contraste de Color

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

    Comprobador de Contraste de Color

    Color del texto
    Color de fondo
    Contraste
    Fail
    Texto pequeño
    ✖︎
    Texto grande
    ✖︎

    Todo el mundo es un genio. Pero si juzgas a un pez por su capacidad para trepar a un árbol, vivirá toda su vida creyendo que es estúpido.

    - Albert Einstein

    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.