CriarWeb.com > Manuais > Usabilidade na web

É sempre bom se certificar que o primeiro plano e as combinações da cor de fundo proporcionam suficiente contraste quando for visto por alguém com deficiência visual ou para visualizá-las com telas monocromáticas; estabelecendo conformidade com o Ponto de Verificação 2.2 das Pautas de Acessibilidade ao Conteúdo na Web 1.0

Considera-se que duas cores oferecem boa visibilidade de cor se a diferença em brilho e a diferença em cor entre ambas for maior que um intervalo dado.

O processo para definir o nível de "visibilidade da cor" baseia-se nos algoritmos que sugere o Consórcio da World Wide Web (W3C). O intervalo que sugere é > 125 para o brilho de cor e > 500 para a diferença de cor.

O brilho de cor se determina por meio da seguinte fórmula:
((valor de Vermelho * 299) + (valor de Verde * 587) + (valor de Azul * 114)) / 1000

A diferença entre o brilho de fundo e o brilho de primeiro plano deve ser maior a 125.

A diferença de cor se determina por meio da seguinte fórmula:
(máximo (valor Vermelho 1, valor Verde 2) - mínimo (valor Vermelho 1, valor Vermelho 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))

A diferença entre a cor de fundo e a cor de primeiro plano deveria ser maior que 500.

Vejamos um exemplo:

Cor de primeiro plano:
(hex.) #80FF80
(RGB.) 128, 255, 128

Cor de fundo:
(hex.) #000000
(RGB.) 0, 0, 0

Fórmula de Brilho de Cor:
(128 * 299) + (255 * 587) + (128 * 114) / 1000 = 202

A diferença em brilho entre as duas cores é suficiente. O limite é 125, e o resultado para as cores de fundo e primeiro plano é 202.

Fórmula de Diferença de Cor:
128 - 0 + 255 - 0 + 128 - 0 = 511

A diferença em cor entre as duas cores é suficiente. O limite é 500, e o resultado para as cores de fundo e primeiro plano é 511.