8/17/2019 2.2_COLORE

1/60

IL COLORE

8/17/2019 2.2_COLORE

2/60

Scopo di questa lezione

Descrivere, a livello elementare, i concetti principali

della teoria dei colori e della visione dei colori, per

permettere di comprendere le principali problematiche

che il colore pone nella interazione uomo-macchina

8/17/2019 2.2_COLORE

3/60

TemiCenni di teoria del colore

La visione del colore

 Armonia dei colori

8/17/2019 2.2_COLORE

4/60

Cenni di teoria dei colori

8/17/2019 2.2_COLORE

5/60

Che cos’è il colore

Sensazione ottica variabile, a seconda

della lunghezza d’onda della luce che

colpisce l’occhio

8/17/2019 2.2_COLORE

6/60

angolo di

riflessione

angolo di

rifrazione

Dipende dalla

lunghezza

d’onda del

fascio

n esperimentoUn fascio di luce bianca

viene scomposto da unprisma in fasci di luce

monocromatica

(i colori dell’arcobaleno!

8/17/2019 2.2_COLORE

7/60

Lo spettro dei colori !isi"ile

Lunghezze d’onda in nm (nanometri) = 10-9m

8/17/2019 2.2_COLORE

8/60

Sintesi di colori

" #uando due o pi$ fasci luminosi di lunghezzad’onda diversa vengono mescolati, noi nonvediamo pi$ due o pi$ colori, ma un nuovo colore

" Ci sono due tipi di sintesi% & sintesi additiva

 & sintesi sottrattiva

8/17/2019 2.2_COLORE

9/60

Sintesi additi!aL’idea% mescolo due o pi$ fasci di luci monocromatica

rosso

!erde "lu

giallo magenta

c#an

"ianco

'% )uesto non c’* nello

spettro% si ottiene

sommando i due colori

agli espremi dello spettro

8/17/2019 2.2_COLORE

10/60

Sintesi additi!a$ esempi

" +iflettori a teatro

" Luci nelle discoteche

" Schermi o .C (+/0

" .untinismo in pittura

8/17/2019 2.2_COLORE

11/60

Colori primari

" utti i colori dello spettro possono esseresintetizzati mescolando in varia misura trecolori detti primari

" Come primari si possono scegliere tre colori)ualsiasi, purch* nessuno di essi siaottenibile dagli altri due

" ipicamente, per la sintesi additiva vengonoscelti % Rosso, %erde, &lu (+/1 +ed, /reen, lue0 

8/17/2019 2.2_COLORE

12/60

R'& Color Displa#

2 pi3el 1 4 fosfori +,/,,

illuminati con intensit5

variabile

8/17/2019 2.2_COLORE

13/60/eorge Seurat, La /rande 6atte (2778-790

http://www.mayang.com/textures/perl/fullsize.pl?category=Manmade/Artificial&image=seurat_dots_07.JPG

8/17/2019 2.2_COLORE

14/60

Sintesi sottratti!aL’idea% parto da un fascio di luce bianca, ed

elimino! delle luci monocromatiche (con dei filtri0

rosso

!erde"lu

giallomagenta

c#an

nero

Luce bianca

(solare0

Esempio% un filtro giallo elimina il blu e

lascia passare il rosso e il verde(infatti, rosso:verde1giallo in sintesi

additiva0

8/17/2019 2.2_COLORE

15/60

Sintesi sottratti!a$ esempi

" ;cchiali da sole

" Coloranti dentro un li)uido, osservato intrasparenza

" (iscela di !ernici

8/17/2019 2.2_COLORE

16/60

Colori primari

" ipicamente, per la sintesi sottrattiva vengonoscelti % 'iallo) (agenta e C#an 

(

8/17/2019 2.2_COLORE

17/60

Colori complementari

" =escolando due luci di certe lunghezze d’onda sielimina completamente il colore

" #uesti due colori si dicono complementari

" n pratica, mescolati (per sintesi additiva osottrattiva0 danno bianco, nero o grigio

8/17/2019 2.2_COLORE

18/60

Colori complementari$ esempi

Colori complementari%

* &lu + giallo* Rosso + c#an

* %erde + magenta

Sintesi additiva Sintesi sottrattiva

8/17/2019 2.2_COLORE

19/60

La ruota dei colori

I colori complementari sono opposti nella ruota

colorispettrali

8/17/2019 2.2_COLORE

20/60

Come descri!ere un colore

Si possono usare varie tecnicheB Le principali%

2B ndicando la )uantit5! di ciascun primarioche compone il colore (es +/, C=

8/17/2019 2.2_COLORE

21/60

Esempio ,-hotoshop.

8/17/2019 2.2_COLORE

22/60

Power

Point

8/17/2019 2.2_COLORE

23/60

.hotoshop

8/17/2019 2.2_COLORE

24/60

Tonalit/ ,o tinta.

Corrisponde alla )ualit5 che solitamente chiamiamo

colore!, e che permette di distinguere il verde dal

rosso, dal giallo, e cosE viaB

Cambia al mutare della lunghezza d’onda della luce

(ianco e nero sono colori senza tinta, o

acromatici 0

8/17/2019 2.2_COLORE

25/60

Luminosit/ ,o chiarezza.

Si riferisce a )uanto il colore * chiaro! o

scuro!, ed * legata alla ampiezza dell’onda

l colore pi$ chiaro * il bianco, il pi$ scuro * il

nero

8/17/2019 2.2_COLORE

26/60

SaturazioneSi riferisce a )uanto il colore * vivido o sbiaditoB

Si puF anche dire che si riferisce a )uanto il colore si

differenzia dal grigio della stessa chiarezza

 Ancora in altre parole, alla )uantit5 di luce

monocromatica pura che deve essere mescolata allaluce bianca per produrre il colore percepito

Esempio%

onalit5 costante,

saturazione

decrescente

8/17/2019 2.2_COLORE

27/60

8/17/2019 2.2_COLORE

28/60

Colori pi$ saturi

8/17/2019 2.2_COLORE

29/60

Colori meno saturi

8/17/2019 2.2_COLORE

30/60

Colori meno luminosi

8/17/2019 2.2_COLORE

31/60

Cambio di tinta

8/17/2019 2.2_COLORE

32/60

Spazio dei colori

.oichG per rappresentare un colore servono tre grandezze,

possiamo rappresentare tutti i colori mediante un solidoB ;gnipunto sulla superficie o all’interno del solido rappresenta un

colore diversoB

Hsempio% CHLA

8/17/2019 2.2_COLORE

33/60

La !isione del colore

8/17/2019 2.2_COLORE

34/60

Come l’occhio !ede i colori

" 'oi vediamo la luce riflessa dagli oggetti" Un oggetto rosso * un oggetto che riflette la luce dilunghezza d’onda corrispondente al rosso e assorbe tutte

le altre 

luce "iancaluce rossa

oggetto rosso

      r        i        f        l      e       t       t        i      v        i       t        5

lung d’onda

8/17/2019 2.2_COLORE

35/60

&ianco e nero

Un oggetto bianco riflette tutte le

lunghezze d’onda

Un oggetto nero assor"e tutte le

lunghezze d’onda

8/17/2019 2.2_COLORE

36/60

Come l’occhio !ede i colori

colori vengono sentiti! dai coni della retinaB Sono ditre tipi (+,/,0, ciascuno sensibile a un diverso

intervallo di lunghezza d’onda%

0ota% bassasensibilit5 al blu

(i coni sono pochi0

8/17/2019 2.2_COLORE

37/60

Esempio

Le luci di )ueste due

lunghezze d’onda eccitano

i tre tipi di coni con intensit5

diversa, generando un

segnale! complessivo diverso

8/17/2019 2.2_COLORE

38/60

Daltonismo

" ncapacit5 di distinguere alcuni colori

" Dipende dal fatto che alcuni tipi di coni mancano

" Si hanno vari tipi di daltonismo, a seconda dei tipi diconi mancanti%

 & .rotanopia (rosso0

 & Deuteranopia (verde0

 & ritanopia (blu0 molto raro

" #uello pi$ comune causa l’incapacit5 a distinguere icolori compresi fra I8J e KJJ nm (dal verde al rosso0(7 degli uomini e J,8 delle donne0

8/17/2019 2.2_COLORE

39/60

Esempio$ protanopia

 isione dicromatica, con insensibilit5 al rosso

8/17/2019 2.2_COLORE

40/60

IL TEST DI IS1I12R2$

quale numero !edete3

isione normale% IM Daltonismo per rossoNverde%

8/17/2019 2.2_COLORE

41/60

Daltonismo$ alcune indicazioni

" 'on assumere che l’utente possa distinguere il rosso dal verde" 'ormalmente il giallo e il blu vengono distinti bene

" Usare colori brillanti

"  Accostare i colori a uno sfondo appropriato% & rosso e bianco

 & verde e nero & turchese e nero

 & magenta e nero

" Le linee guida sono complesse, ma oggi esistono strumentiautomatici per verificare come una immagine verrebbe vista daun daltonico%usarli per verificare le scelte cromatiche(esB >>>BvischecOBcom0

8/17/2019 2.2_COLORE

42/60

.aginaoriginale

8/17/2019 2.2_COLORE

43/60

.agina

elaborata da

vischecOBcom

(deuteranopia0

H i S t=

8/17/2019 2.2_COLORE

44/60

Hsempio% Smart=one?Bcom

8/17/2019 2.2_COLORE

45/60

Hsempio

Un daltonico non puF comprendere )uesta immagine

8/17/2019 2.2_COLORE

46/60

(essa a fuoco

LENTE

Blu  Verde  Rosso

Blu  Verde  Rosso

A  B  C!"#" $!LL% RET&N%

L!#E

B&%N#%

 A causa della diffrazione sul cristallino, difficolt5 di messa afuoco contemporanea, sulla retina, di colori diversi agli estremi

dello spettro (immagine stereoscopoca, fatica0

#uindi% evitare l’uso di scritte in cui siano vicini caratteri di colori

saturi agli estremi dello spettro (esB% rosso-"luM giallo-porpora0

8/17/2019 2.2_COLORE

47/60

Hsempio di rosso e blu in uno stesso testo

Hsempio di rosso e blu in uno stesso testo

Hsempio di rosso e blu in uno stesso testo

Hsempio di rosso e blu in uno

stesso testo

8/17/2019 2.2_COLORE

48/60

2ccostamento di colori

Colori adiacenti possono influenzarsi

8/17/2019 2.2_COLORE

49/60

2rmonia dei colori

8/17/2019 2.2_COLORE

50/60

2rmonia dei colori

" #uali colori stanno bene! insiemeP

" Ci sono molte opinioni, ma poche certezzescientificamente provate

" Secondo una teoria (Chevreul, 274Q0, sono in armonia i colori adiacenti nella ruota dei colori o complementari (opposti sulla ruota deicolori0

" #uesta teoria non * dimostrata, ma * tradizionalmente molto seguita in pittura

8/17/2019 2.2_COLORE

51/60

La routa dei colori veraLa mescolanza di pigmenti di colori

opposti sulla ruota (complementari0

d5 grigio scuro

La routa dei colori classica(Chevreul, tten0

La mescolanza di pigmenti di colori

opposti sulla ruota d5 marrone scuro

Hra )uella insegnata tradizionalmente

nelle scuole di pittura

4uale ruota dei colori3

8/17/2019 2.2_COLORE

52/60

8/17/2019 2.2_COLORE

53/60

8/17/2019 2.2_COLORE

54/60

8/17/2019 2.2_COLORE

55/60

8/17/2019 2.2_COLORE

56/60

8/17/2019 2.2_COLORE

57/60

8/17/2019 2.2_COLORE

58/60

8/17/2019 2.2_COLORE

59/60

8/17/2019 2.2_COLORE

60/60

Do!e studiare

.er chi desidera approfondire, un riferimento

divulgativo molto chiaro su tutti gli aspetti relativi alla

visione (in particolare del colore0 *%

"  ABRrova, Luce, colore, visione & .erch* si vede ciFche si vede!, +izzoli, JJ4