Hintergrund zur Farbwahrnehmung:
Aufgrund der Beschaffenheit des menschlichen Auges und der visuellen Verarbeitung durch das Gehirn besteht die optische Täuschung, dass die gleiche Farbe je nach Hintergrund unterschiedlich aussieht .
Es ist als Kontrasteffekt bekannt (siehe Abbildung unten). Mittlere Rechtecke sind identisch:
Quelle: Wikimedia
Eine Illustration (und ein Bericht) der NASA macht den Effekt der Hintergrundfarbe noch deutlicher:
Quelle: NASA Color Usage Research Lab
(Beachten Sie, dass die beiden obersten Farben im zweiten Bild gleich aussehen, sich jedoch vollständig unterscheiden.)
Was ist mit Webdesign?
Meine Frage betrifft das Webdesign, speziell in diesem Fall die Farbe von Linktexten auf verschiedenen Hintergründen.
Wie kann man für eine gegebene Textfarbe die Komplementärfarbe finden, um sie auf einem bestimmten Hintergrund gleich erscheinen zu lassen?
Schauen wir uns ein Beispiel für diese Frage an:
Betrachten Sie mein Beispiel unten mit gelbem Text #FFF000
auf den folgenden Hintergründen:
- weiß
#FFFFFF
, - schwarz
#000000
, - und grau
#555555
.
Sieht wie erwartet überhaupt nicht gleich aus. (Hier können Sie die .PSD-Datei anzeigen und herunterladen. )
Wie können wir es auf allen drei gleich aussehen lassen? Natürlich muss der Text auf dem weißen Hintergrund ein dunkleres Gelb sein, und der Text auf dem grauen muss in Bezug auf Farbton und Farbton angepasst werden. (Der umgebende Text wird sich auch darauf auswirken - aber das ist wahrscheinlich schwerer zu erklären.)
Kann diese perfekte Farbe auf der Basis von Hex, RGB oder einem anderen System berechnet werden? Hier liegt der Kern dieser Frage, da sie viel effizienter wäre als die manuelle Approximation.