Como fazer uma cor parecer a mesma em fundos diferentes?

Antecedentes da percepção de cores:

Devido à natureza do olho humano e ao processamento visual do cérebro, existe uma ilusão de ótica de que a mesma cor terá uma aparência diferente dependendo do fundo .

É conhecido como efeito de contraste , ilustrado abaixo - os retângulos centrais são idênticos:

Fonte: Wikimedia

Uma ilustração (e relatório) da NASA torna o efeito da cor do fundo ainda mais óbvio:

Fonte: Laboratório de Pesquisa de Uso de Cores da NASA

(Observe como as duas cores mais altas na segunda imagem parecem iguais, mas na verdade são completamente diferentes.)

E o web design?

Minha pergunta diz respeito ao design da Web, especificamente neste caso, à cor do texto do link em diferentes origens.

Para uma determinada cor do texto, como encontrar a cor complementar para que ela pareça a mesma em um determinado plano de fundo?

Vamos dar uma olhada em um exemplo para esta pergunta:

Considere o meu exemplo abaixo, com texto amarelo #FFF000nos seguintes fundos:

• branca #FFFFFF,
• preto #000000,
• e cinza #555555.

Como esperado, não parece o mesmo. ( Veja e faça o download do arquivo .PSD aqui. )

Como podemos fazer com que pareça o mesmo nos três? Claramente, o texto no fundo branco precisa ser de um amarelo mais escuro, e o texto no cinza precisa de ajustes de matiz / tom. (O texto ao redor também o afetará - mas é provavelmente mais difícil de explicar.)

De alguma forma, essa cor perfeita pode ser calculada com base no Hex, RGB ou outro sistema? É aí que reside o cerne dessa questão, pois seria muito mais eficiente do que a aproximação manual.

Parece que você está procurando o análogo de cores complementares , mas no espaço de leveza , em vez de matiz . Até onde eu sei, esse mapeamento geral não pode existir.

Suponha que você possa compensar o efeito assumindo uma correlação linear entre o plano de fundo e o primeiro plano, para que, à medida que o plano de fundo escurece, o texto do primeiro plano seja iluminado na mesma quantidade. Suponho que a tonalidade permaneça fixa. Sempre haverá um ponto médio no qual o plano de fundo e o primeiro plano compartilham a mesma cor.

Como exemplo, considere preto no branco. A luminosidade inversa para os mesmos tons é branca sobre preta, mas se você tentou encontrar um primeiro plano para cada plano de fundo intermediário da mesma tonalidade, no meio do caminho você bate em cinza sobre cinza e não consegue ver nada.

Pelo mesmo motivo, não vejo que possa existir um mapeamento razoavelmente simples - mesmo um com perda -.

Que tal isso: use diferentes tons de cinza em fundos diferentes, pintados de branco e preto, para que os primeiros pareçam iguais, mas não quando estiverem contra um neutro.

Deixe-me saber se esses dois conjuntos de patches têm a mesma aparência em cima das linhas em preto e branco:

Porque a aparência desses patches em cima de um cinza neutro é mostrada nesta figura:

Usei o modo de mesclagem de camadas do GIMP, chamado Grain Extract / Merge, que me permitiu encontrar o cinza mais claro extraindo um remendo neutro de outro e, em seguida, o mais escuro, mesclando os dois. Em outras palavras: eu encontrei dois tons de cinza cuja média aditiva é neutra.

Com a cor contra um fundo preto ou branco, você pode usar o Grain Merge para encontrar a cor com média aditiva e, com o Grain Extract, o complementar desta última.

EDIT: confira isso. Você pode encontrar esses amarelos com a mesma aparência.