Come far apparire lo stesso colore su sfondi diversi?

Sfondo sulla percezione del colore:

A causa della natura dell'occhio umano e dell'elaborazione visiva da parte del cervello, c'è un'illusione ottica che lo stesso colore apparirà diverso a seconda dello sfondo .

È noto come effetto di contrasto , illustrato di seguito: i rettangoli centrali sono identici:

Fonte: Wikimedia

Un'illustrazione (e un rapporto) della NASA rende ancora più evidente l'effetto del colore di sfondo:

Fonte: NASA Color Usage Research Lab

(Nota come i due colori più in alto nella seconda immagine appaiono uguali, ma in realtà sono completamente diversi.)

Che dire del web design?

La mia domanda riguarda il web design, in particolare in questo caso, il colore del testo del link su sfondi diversi.

Per un dato colore di testo, come si può trovare il colore complementare per farlo apparire lo stesso su un determinato sfondo?

Diamo un'occhiata a un esempio per questa domanda:

Considera il mio esempio di seguito, con testo giallo #FFF000sui seguenti sfondi:

• bianco #FFFFFF,
• nero #000000,
• e grigio #555555.

Come previsto, non sembra affatto lo stesso. ( Visualizza e scarica il file .PSD qui. )

Come possiamo farlo sembrare uguale su tutti e tre? Chiaramente, il testo sullo sfondo bianco deve essere di un giallo più scuro e quello sul grigio richiede regolazioni di tonalità / tonalità. (Anche il testo circostante lo influenzerà, ma è probabilmente più difficile spiegarlo.)

Questo colore perfetto può in qualche modo essere calcolato, basato su esadecimale, RGB o un altro sistema? Ecco dove sta il nocciolo di questa domanda, poiché sarebbe molto più efficiente dell'approssimazione manuale.

Sembra che tu stia cercando l'analogo dei colori complementari , ma nello spazio di leggerezza piuttosto che nella tonalità . Per quanto ne so, non può esistere una tale mappatura generale.

Supponiamo che tu possa compensare l'effetto assumendo una correlazione lineare tra lo sfondo e il primo piano, in modo che quando lo sfondo diventa più scuro il testo in primo piano si schiarisce della stessa quantità. Presumo che la tonalità rimanga fissa. Ci sarà sempre un punto medio in cui lo sfondo e il primo piano condividono lo stesso colore.

Ad esempio, considera il nero su bianco. La leggerezza inversa per le stesse tonalità è bianca su nera, ma se provi a trovare un primo piano per ogni sfondo intermedio della stessa tonalità, a metà strada colpisci grigio su grigio e non riesci a vedere nulla.

Per lo stesso motivo, non riesco a vedere che possa esistere una mappatura ragionevolmente semplice, anche con una perdita.

Che ne dici di questo: usa grigi diversi su sfondi diversi, dipinti di bianco e nero, in modo che i primi appaiano uguali, ma non quando sono contro uno neutro.

Fammi sapere se questi due set di patch sembrano uguali in cima alle righe in bianco e nero:

Perché come appaiono queste patch sopra un grigio neutro è raffigurato in questa immagine:

Ho usato il metodo di fusione dei livelli di GIMP chiamato Grain Extract / Merge, che mi ha permesso di trovare il grigio più chiaro estraendo una patch neutra da un'altra, e quindi quella più scura unendole insieme. In altre parole: ho trovato due grigi la cui media additiva è neutra.

Con il colore su uno sfondo bianco o nero, puoi usare Grain Merge per trovare il colore medio additivo e con Grain Extract il complementare di quest'ultimo.

EDIT: controlla questo. È possibile che questi gialli appaiano uguali.