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 #FFF000sur 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.
Réponses:
Il semble que vous recherchiez l'analogue de couleurs complémentaires , mais dans l' espace de légèreté plutôt que dans la teinte . Pour autant que je sache, aucune telle cartographie générale ne peut exister.
Supposons que vous puissiez compenser l'effet en supposant une corrélation linéaire entre l'arrière-plan et le premier plan, de sorte que lorsque l'arrière-plan s'assombrit, le texte de premier plan s'éclaircit de la même quantité. Je suppose que la teinte reste fixe. Il y aura toujours un point médian auquel l'arrière-plan et l'avant-plan partagent la même couleur.
Par exemple, considérons le noir sur blanc. La légèreté inverse pour les mêmes teintes est blanc sur noir, mais si vous avez essayé de trouver un premier plan pour chaque arrière-plan intermédiaire de la même teinte, à mi-chemin, vous frappez gris sur gris et ne voyez rien du tout.
Pour à peu près la même raison, je ne vois pas qu'une cartographie raisonnablement simple, même avec perte, peut exister.
la source
Que diriez-vous de cela: utilisez des gris différents sous différents arrière-plans, peints en blanc et noir, de sorte que les premiers apparaissent les mêmes, mais pas lorsqu'ils sont contre un neutre.
Faites-moi savoir si ces deux ensembles de patchs se ressemblent au-dessus des lignes noires et blanches:
Parce que l'apparence de ces patchs au-dessus d'un gris neutre est illustrée sur cette image:
J'ai utilisé le mode de fusion de calques de GIMP appelé Grain Extract / Merge, qui m'a permis de trouver le gris le plus clair en extrayant un patch neutre d'un autre, puis le plus sombre en fusionnant les deux. En d'autres termes: j'ai trouvé deux gris dont la moyenne additive est neutre.
Avec la couleur sur un fond noir ou blanc, vous pouvez utiliser Grain Merge pour trouver la couleur moyenne de l'additif, et avec Grain Extract le complément de cette dernière.
EDIT: vérifiez cela. Vous pouvez trouver que ces jaunes semblent identiques.
la source