O Uso Adequado das Cores

Descobri um texto pequeno mas interessante. Diz respeito à boa utilização da cor em conteúdos web. Aqui estão alguns aspectos para ter em conta para fazer uma web acessível através da cor.

É sempre bom certificar-se 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 de 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:

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.

fonte: www.criarweb.com