Creazione di una combinazione di colori che si adatta bene allo schermo e quando fotocopiata in bianco e nero

Sto cercando di creare una combinazione di colori per i titoli di testo che avrà colori nettamente diversi per ogni livello di intestazione, ma stamperà anche per lo più scuro. Ho guardato http://colorbrewer2.org/ , ma questo genera colori che appariranno diversi quando stampati in bianco e nero (ad esempio, hai due regioni su una mappa che si trovano una accanto all'altra e vuoi che appaiano diverse ). Quello che non voglio sono i colori che saranno più chiari l'uno dell'altro quando fotocopiati: in altre parole, voglio che quelli con uno schermo / stampante a colori vedano i colori, ma quando sono fotocopiati in bianco e nero, saranno tutti abbastanza scuri titoli.

Ho visto la seguente domanda, ma non è proprio quello che sto cercando di fare:

Come trovare una combinazione di colori che è utile anche quando viene stampata in bianco e nero

Sì, il contrasto è il problema, ma immagino quale sia la mia vera domanda "Come faccio a sapere quanto un colore scuro verrà stampato in bianco e nero?"

Sto lavorando a materiali curricolari con un design piuttosto semplice (letture e fogli di lavoro) per le lezioni di fisica delle scuole superiori. Il posto principale in cui spero di usare il colore sarà nei titoli, quindi saranno tutti su sfondi bianchi. I materiali sono attualmente in bianco e nero. Vorrei usare colori diversi per i livelli dei titoli (H1, H2, ecc.), Quindi salteranno fuori per gli studenti che utilizzano versioni elettroniche (su iPad e altri dispositivi), ma assicurano anche che alcuni titoli non girino troppo grigio / chiaro. I materiali saranno distribuiti come file Word e PDF e la maggior parte degli insegnanti che stanno fotocopiando i documenti probabilmente stamperanno prima le versioni PDF su una stampante laser B&W, quindi fotocopieranno da quel documento (quindi la natura dei filtri sulla fotocopiatrice non è così importante, penso).

Sto pensando che se comincio con #000000e inizio ad aggiungere solo un po 'di ogni colore (ad es. #000088E #008800), questi dovrebbero stampare abbastanza scuri, ma mi chiedo se c'è qualche strumento là fuori che mi aiuti a scegliere i colori che "vanno insieme "bene (sono un insegnante e un designer dilettante, quindi mi affido spesso a strumenti online come colorbrewer2 per aiutarmi a trovare combinazioni di colori" decenti ").

Grazie ancora per il tuo tempo e le tue risposte.

Come faccio a sapere quanto un colore scuro verrà stampato in bianco e nero?

Di recente ho esaminato come ottenere una misura della luminosità percepita di un colore , per ragioni simili, anche se mi interessa la visualizzazione su schermo piuttosto che la visualizzazione su carta. Ecco alcune cose che ho trovato:

HSB

È facile trasformare un valore RGB come quelli in questione in un valore HSB (tonalità, saturazione, luminosità). All'inizio potrebbe sembrare che il Bvalore di luminosità sia quello di cui hai bisogno. Ma i numeri qui non sono molto legati al modo in cui un colore appare a uno spettatore umano. Ad esempio, la modifica di H può apportare enormi cambiamenti alla luminosità percepita e la modifica di B può modificare la tonalità percepita. Questo perché RGB (e HSB, che è una semplice trasformazione da RGB) riguardano più "ciò che questo dispositivo può produrre" piuttosto che "ciò che l'occhio percepisce".

W3C "luminosità percepita"

C'è una "formula W3C" per luminosità percepita: (R*299 + G*587 + B*114) / 1000. (L'ho trovato in origine in un grande libro di Bill Van Hecke .) I valori RGB in questa formula vanno da 0 a 1. Quindi #FFFFFFarriva a (1 * 299 + 1 * 587 + 1 * 114) / 1000 = 1 .

Nel tuo #008800esempio, il valore verde è 0x88 esadecimale, ovvero 136 decimale. Tale numero è compreso nell'intervallo 0-255. Quindi la luminosità percepita dal W3C per quel colore è (0 * 299 + (136/255) * 587 + 0 * 114) / 1000 = 0.31 .

Altre formule di "luminosità percepita"

La formula del W3C è un'approssimazione e apparentemente dà cattivi risultati per le sfumature del giallo. Ho trovato utile questa pagina di Nir Dobovizki : fornisce una buona spiegazione e alcune formule alternative, tra cui una chiamata HSP di Darel Rex Finley , che è un tentativo di modellare ciò che Photoshop fa quando converte RGB in scala di grigi. Se vuoi ancora più formule, ce ne sono molte elencate nelle risposte a questa domanda Stack Overflow .

Sistemi di colore effettivamente basati su misurazioni percettive

Ho inserito la "luminosità percepita" tra virgolette, perché, se ho capito bene, quelle formule sono solo semplici approssimazioni di ciò che è effettivamente percepito. Risolvere questo richiede molti esperimenti con soggetti umani reali in condizioni controllate e i risultati non si adattano a una formula semplice e ordinata.

C'è un sistema chiamato CIELAB. "CIE" è l'organizzazione che lo ha prodotto: i numeri in questo sistema sono L, ae b. In Lquesto sistema c'è la luminanza, e se capisco bene, questo è il numero che stiamo cercando, e credo che questo sia in realtà basato su un gran numero di esperimenti con gli umani. Adobe Kuler è un sito Web fantastico e gratuito in cui puoi giocare con i colori in vari sistemi tra cui LAB. Tuttavia, i valori ae bsono un po 'oltre la mia comprensione attuale. Quindi sono stato molto contento di scoprire un predecessore di LAB ...

Il sistema di colori Munsell utilizza Hue, Value e Chroma. Anticipa i computer, quindi il modo in cui vengono dichiarati i valori potrebbe sembrare un po '"vecchio stile". Ma in realtà dopo un piccolo studio, ho scoperto che questo sistema aveva molto senso per me (sono stato sconcertato dal colore per anni ma questo sembra essere d'aiuto), e sembra essere profondamente radicato negli studi sulla percezione umana. Ecco un esempio: 5PB 4.4/12ha H, V e C come di seguito:

• La tonalità 5PBè viola-blu. Munsell ha posizionato le tonalità attorno a un cerchio (questo è come il valore H in HSB, che può essere espresso in gradi). Nel sistema Munsell, le lettere sono usate per descrivere la tonalità (descriverò la cifra tra un momento). Esistono 10 tonalità, più che in altri sistemi: rosso, rosso-viola, viola, viola-blu, blu, blu-verde, verde, verde-giallo, giallo, giallo-rosso e ritorno al rosso, scritto come R, RP, P, PBecc la cifra, che va da 1 a 10, modifica la descrizione lettera per dare maggiore precisione. 5PBsignifica preciso viola-blu. 10Rè a metà strada tra rosso e giallo-rosso.

• Il valore 4.4/è quasi a metà leggerezza. I valori vanno da 0 (scuro) a 10 (chiaro). "Maroon" è una Rtonalità scura , "rosa" è una tonalità chiara. Questi numeri di valore sono in realtà comparabili tra le tonalità, a differenza della maggior parte degli altri sistemi qui. Se tieni Vcostante e cambi He C, tutti i colori sembrano avere la stessa leggerezza. Quindi Munsell Vpotrebbe essere quello che stai cercando.

• Chroma /12è la "forza" del colore. "Smeraldo" è un verde forte, "uva" è debole. L'intervallo di valori per chroma è interessante. 0 è grigio. Il valore massimo dipende dalla tonalità e dal valore. Il valore massimo per il rosso è circa il doppio di quello per il blu-verde. Questa complessità deriva dalle misurazioni con gli umani. Quindi questo sistema non è matematicamente pulito, ma a me sembra utile.

Ecco alcuni riferimenti che spiegano il sistema Munsell meglio di me:

• "Il sistema di colori Munsell: una descrizione pratica con suggerimenti per il suo utilizzo da parte di TM Cleland" è un libro del 1921. Può essere letto integralmente sul sito Web ApplePainter.com oppure è possibile acquistarlo come un libro cartaceo. Gli schemi sono meravigliosi. Lo trovo una scrittura vecchio stile, ma in realtà abbastanza accessibile - è rivolta a un pubblico non specializzato:

Il lettore dovrebbe essere avvertito all'inizio contro quella paura della perplessità scientifica che è sempre presente nella mente laica. Le tre dimensioni del colore non coinvolgono i misteri della matematica superiore. Non c'è nulla in essi che non dovrebbe essere compreso facilmente dal lettore medio come le tre dimensioni di una scatola, o qualsiasi altra forma che possa essere percepita o vista. Non siamo abituati a considerare il colore con alcun senso dell'ordine ed è questo fatto, piuttosto che qualsiasi complessità inerente all'idea stessa, che sarà la fonte di qualsiasi difficoltà possa incontrare il lettore che affronta questa concezione del colore per il prima volta.

• Articoli di Wikipedia sul sistema dei colori Munsell e Albert Munsell .

• Un articolo di Bruce MacEvoy che spiega Munsell nel contesto di molti altri sistemi. Spiega anche alcuni paradossi cromatici. Questo mi ha fatto impazzire un po ': la ricerca di un sistema geometrico pulito per ordinare i colori come percepiti è in realtà impossibile:

... tutti i modelli di colore che possiamo vedere non possono rappresentare accuratamente le relazioni di colore, e i modelli di colore che rappresentano accuratamente le relazioni di colore non possono essere visti (costruiti fisicamente o rappresentati come un'immagine).

• App Mac mColorDesigner : una delle tante sul Mac App Store di Yanmei He che aiuta a esplorare lo spazio colore di Munsell e a convertire in / da valori che in realtà usi. Lo trovo leggermente lento e difettoso a volte, ma mi ha davvero aiutato a comprenderlo meglio.