Contents

Translation kindly provided by Juan Fuertes.

Contraste de Color

La pauta 2.2 de las Pautas de Accesibilidad al Contenido Web 1.0 especifica que las combinaciones de los colores de fondo y primer plano han de tener suficiente contraste para ser percibidas por personas con deficiencias de percepción de color o sobre pantallas en blanco y negro. Dos colores ofrecerán una buena visibilidad si la diferencia en brillo y en color entre ambos es mayor que cierto umbral establecido. Sugieren un algoritmo de contraste de color, que es el usado en este test. El algoritmo se encuentra en desarrollo, y podría sufrir algún cambio. Cualquier cambio que hicieran sobre su algoritmo será actualizado en esta página.

Esta página tiene como objetivo permitirte comprobar el contraste entre dos colores usando el algoritmo de contraste de color del W3C directamente sobre los colores que especifiques. Para especificar una hoja de estilo externa, o pegar CSS en la caja de texto, usa la Página de Contraste CSS.

Analizador de Contraste de Color

Colores

Fórmula de Brillo de Color

Se muestra a continuación la fórmula que sugiere el Consorcio de la World Wide Web (W3C) para determinar el brillo de un color.

((valor de Rojo X 299) + (valor de Verde X 587) + (valor de Azul X 114)) / 1000

La diferencia entre el brillo del fondo, y el brillo del primer plano debería ser mayor que 125.

Fórmula de Diferencia de Color

La siguiente es la fórmula sugerida por el W3C para determiner la diferencia entre dos colores:

(máximo (valor Rojo 1, valor Rojo 2) - mínimo (valor Rojo 1, valor Rojo 2)) + (máximo (valor Verde 1, valor Verde 2) - mínimo (valor Verde 1, valor Verde 2)) + (máximo (valor Azul 1, valor Azul 2) - mínimo (valor Azul 1, valor Azul 2))

La diferencia entre el color de fondo y el color de primer plano debería ser mayor que 500.