Na teoria da cor, o valor descreve a luminosidade ou a escuridão de uma cor. É independente da tonalidade. Um vermelho pode ser claro ou escuro. Um azul pode ser pálido ou profundo. O valor é o que se vê quando se semicerra os olhos e as cores se misturam em tons de cinzento. Os artistas costumam dizer que o valor desempenha um papel mais importante do que a cor numa composição. Um forte contraste de valor cria drama e clareza. Um baixo contraste transmite subtileza e atmosfera.

As escalas de valor variam do preto ao branco. Os designers utilizam o valor para construir hierarquia. Um título escuro sobre um fundo claro destaca-se. Um rodapé cinzento claro recua. Nas interfaces de utilizador, o contraste de valor é importante para a acessibilidade. Os textos com uma diferença de valor insuficiente em relação ao fundo não cumprem as normas de legibilidade. As Diretrizes de Acessibilidade para Conteúdos Web (WCAG) especificam taxas de contraste mínimas, geralmente de 4,5 para 1 para o corpo do texto.

Trabalhar com valor

• Verifique o contraste convertendo para escala de cinzentos.
• Utilize valores para criar hierarquia, e não apenas cores.
• Alto contraste para dar ênfase e facilitar a leitura.
• Baixo contraste para fundos subtis e atmosfera delicada.

O valor é a estrutura de um design. A cor chama a atenção, mas o valor determina se a composição se mantém coesa.