Contexte de la perception des couleurs:
En raison de la nature de l'œil humain et du traitement visuel par le cerveau, il existe une illusion d'optique selon laquelle la même couleur sera différente en fonction de l'arrière-plan .
Il s'agit de l' effet de contraste , illustré ci-dessous - les rectangles centraux sont identiques:
Source: Wikimedia
Une illustration (et un rapport) de la NASA rend l'effet de la couleur de l'arrière-plan encore plus évident:
Source: Laboratoire de recherche sur l'utilisation des couleurs de la NASA
(Notez comment les deux couleurs les plus hautes de la deuxième image semblent identiques, mais sont en fait complètement différentes.)
Et la conception web?
Ma question concerne la conception de sites Web, en particulier dans ce cas, la couleur du texte du lien sur différents arrière-plans.
Pour une couleur de texte donnée, comment trouver la couleur complémentaire pour la faire apparaître identique sur un certain fond?
Jetons un coup d'œil à un exemple de cette question:
Considérez mon exemple ci-dessous, avec du texte jaune #FFF000
sur les arrière-plans suivants:
- blanc
#FFFFFF
, - noir
#000000
, - et gris
#555555
.
Comme prévu, ne se ressemble pas du tout. ( Voir et télécharger le fichier .PSD ici. )
Comment pouvons-nous donner la même apparence aux trois? De toute évidence, le texte sur le fond blanc doit être d'un jaune plus foncé et celui sur le gris nécessite des ajustements de teinte / tonalité. (Le texte environnant l'affectera également - mais c'est probablement plus difficile à prendre en compte.)
Cette couleur parfaite peut-elle être calculée d'une manière ou d'une autre, sur la base du Hex, du RGB ou d'un autre système? C'est là que réside le nœud de cette question, car elle serait beaucoup plus efficace que l'approximation manuelle.