Scegliere lo sfondo giusto con il daltonismo

Lo scontorno è la parte facile. Carichi la foto, il prodotto viene via pulito, e poi devi rispondere all'unica domanda che non puoi verificare a occhio: che colore va dietro? Sbagli, e una tazza arancione ruggine sprofonda in un fondale oliva, oppure una borsa cuoio si legge come una macchia indistinta sul beige.

È abbastanza diffuso da meritare che si progetti tenendone conto. Il National Eye Institute (NEI) stima il deficit della visione dei colori intorno a 1 uomo su 12, con la forma rosso-verde come la più frequente. Il NEI descrive la deuteranomalia, il tipo più comune, come qualcosa che fa apparire più rosse certe sfumature di verde, e la protanomalia come qualcosa che fa apparire più verdi certe sfumature di rosso e meno luminose. La tritanomalia, più rara, confonde il blu con il verde.

La soluzione non è concentrarsi di più. È smettere di usare i tuoi occhi come strumento di misura e appoggiarti a due cose che non mentono: numeri che puoi leggere, e la luminosità.

Lavora sui codici esadecimali, mai sulla griglia dei campioni

Scegliere un colore a occhio richiede un giudizio fine sulla tinta proprio nella regione in cui il tuo è inaffidabile, e senza alcun riscontro dopo. Un codice esadecimale scritto è fatto di sei caratteri che puoi verificare con l'aritmetica.

Un codice esadecimale è fatto di tre valori di canale scritti uno dietro l'altro — prima il rosso, poi il verde, poi il blu — ciascuno una coppia di caratteri che va da 00 (nessuno) a FF (pieno). #8A8A8A ha i tre valori uguali, quindi è un grigio neutro autentico. In #F5F0E8 il canale del blu sta più in basso rispetto a rosso e verde: è questo che significa "caldo". Da qui la trappola classica: un campione etichettato "grigio chiaro" che in realtà è un tortora caldo, e il tortora si mangia in silenzio un prodotto beige, crema o cammello.

L'editor di remover.bg accetta un colore di sfondo personalizzato, non solo le preimpostazioni, quindi tieni un file di testo con i valori approvati e lavora su quella lista invece di giudicare un campione. Rimozione e sostituzione girano sia nell'app web sia nell'app mobile, quindi non sei legato a un solo dispositivo.

Le coppie che traggono in inganno

Bandisci queste combinazioni dalla tua palette una volta per tutte, invece di valutarle caso per caso:

• Prodotti rossi, ruggine o terracotta su sfondi oliva, salvia o cachi
• Pelle marrone, cuoio, cammello o cognac su beige, avana o avena
• Articoli rosa e salmone su grigi chiari caldi, dove la protanomalia abbassa anche la luminosità apparente
• Qualsiasi cosa verde fotografata con del fogliame, o con una pianta decorativa rimasta nella foto di sfondo sostitutiva
• Il verde petrolio contro il grigio e il blu contro il verde, se il tuo deficit è nella direzione blu-giallo — e il viola contro il blu se è rosso-verde, dato che la componente rossa del viola è proprio la parte che sparisce

Queste falliscono sulla tinta e stanno a una luminosità simile, ed è questo a renderle pericolose. Un prodotto rosso su un verde nettamente più scuro si stacca comunque bene.

La luminosità è il canale di cui puoi ancora fidarti

Il documento Understanding del W3C per il criterio di successo 1.4.3 delle WCAG 2.2 lo dice senza giri di parole: i rapporti di contrasto si calcolano dalla luminanza relativa e non dalla tinta, e "l'incapacità di distinguere certe sfumature di colore non influisce negativamente sulla percezione del contrasto chiaro-scuro". Quell'indicazione è scritta per il testo, ma la fisiologia che ci sta sotto è la stessa che decide se il bordo del tuo prodotto si legge contro un fondale.

Quindi lascia che sia la luminosità a portare la decisione: prodotto chiaro su sfondo scuro, prodotto scuro su sfondo chiaro, mezzitoni su uno dei due estremi ma mai su altri mezzitoni. Verificalo da solo: apri l'immagine finita nell'editor foto del telefono, porta la saturazione al minimo e guarda. Se il bordo è ancora evidente con il colore tolto di mezzo, sarà evidente anche per chi compra.

Aiuta anche un'ombra portata: appoggia sotto il prodotto una fascia scura indipendente dalla tinta dello sfondo — vedi come aggiungere ombre realistiche per tenere la direzione coerente su tutta una linea.

Costruisci la palette una volta e smetti di decidere

Fissa questi cinque, poi non rifare mai più il giudizio:

1. #FFFFFF bianco puro, per gli annunci dei marketplace che lo pretendono
2. #F2F2F2 grigio quasi bianco, per i prodotti bianchi e crema che sparirebbero sul bianco puro
3. #8A8A8A grigio medio, solo per prodotti molto chiari o molto scuri
4. #1C1C1C quasi nero, per ceramiche chiare, vetro e packaging chiaro
5. Un colore del brand, con l'esadecimale messo per iscritto il giorno stesso in cui qualcuno lo sceglie

Esporta in trasparenza tutto ciò che finisce su una pagina colorata o su un oggetto stampato: così aggiri del tutto la questione — la guida al PNG con sfondo trasparente spiega quando è la scelta giusta.

Chiedi a una persona, una volta sola, poi mettilo per iscritto

Prenota quindici minuti con una persona di cui ti fidi per la visione dei colori, alla tua scrivania, con i prodotti davanti. Chiedi due cose per ogni articolo: se il bordo si stacca e se quel "neutro" è davvero neutro. Registra le risposte come codici esadecimali legati alle categorie — "pelletteria: #1C1C1C" — mai come aggettivi tipo "quello morbido". Gli aggettivi ti costringono a rifare il giudizio ogni volta; i codici esadecimali no.

Tieni la lista in un posto da cui incolli, non in un posto da consultare. Se più avanti costruisci un look riconoscibile attorno a un colore personalizzato, sfondi personalizzati: il futuro della foto prodotto resta valido — solo che al colore ci arrivi per registro e non a occhio.

Decidi una volta, per iscritto

Il daltonismo non ti impedisce di produrre un catalogo coerente. Improvvisare sì. Cinque valori esadecimali scritti, una regola di luminosità che puoi verificare in scala di grigi e una sola conversazione messa a verbale battono la scelta dello sfondo a sentimento ogni martedì.