Conteúdos

Translation kindly provided by Mauricio Samy Silva.

Contraste de cores

O ponto de verificação 2.2 das Recomendações para a acessibilidade do conteúdo da Web - 1.0 estabelece que a combinação de cores entre o fundo e o primeiro plano seja suficientemente contrastante para poder ser vista por pessoas com cromodeficiências, bem como pelas que utilizam monitores de vídeo monocromáticos. Duas cores oferecem um bom contraste e consequentemente boa visibilidade se a diferença entre o brilho e a diferença entre as cores em si forem maiores do que um parâmetro pré-estabelecido. É sugerido um algoritmo para cálculo do contraste de cores colour contrast algorithm, para ser usado em testes de contraste. O algoritmo está em desenvolvimento e poderá sofrer modificações. Caso venha a ocorrer uma modificação, esta página será atualizada de acordo.

A página tem por finalidade, permitir que você possa verificar o contraste entre duas cores usando o algoritmo para cálculo do contraste de cores do W3C especificando as cores a verificar, diretamente em campos de texto de um formulário.

Analizador de Contraste de Color

Cores

Fórmula para cálculo do brilho de uma cor

O World Wide Web Consortium (W3C) sugere a seguinte fórmula para calcular o brilho de uma cor

((valor vermelho X 299) + (valor verde X 587) + (valor azul X 114)) / 1000

A diferença entre os valores encontrados para o brilho do fundo e do primeiro plano deverá ser maior do que 125.

Fórmula para cálculo da diferença entre duas cores

W3C sugere a seguinte fórmula para determinar a diferença entre duas cores:

(máximo (valor vermelho 1, valor vermelho 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 do primeiro plano deve ser maior do que 500.