27-04-2010

Elaborazione di Immagini a Colori

Elaborazione dei dati multimediali a.a. 2009/10

Fondamenti
!!

!!

La luce visibile costituita da una banda di frequenze nello spettro elettromagnetico (dai 400 ai 700 nm). Se la luce acromatica (priva di colore) il suo unico attributo lintensit, (rappresentata nelle immagini da un livello di grigio)

!!

!!

Nel caso di luce cromatica servono diversi attributi per caratterizzarne il colore. I colori rappresentati da singole frequenze nello spettro del visibile si dicono puri.

27-04-2010

Fondamenti
!!

La percezione del colore dipende da 3 fattori:

! La riflettanza spettrale della superficie delloggetto, che determina come la superficie trasformi lo spettro ricevuto nello spettro radiato ! Lo spettro di energia che illumina la superficie delloggetto ! La sensibilit spettrale del sensore irradiato dallenergia luminosa proveniente dal superficie delloggetto

Caratteristiche spettrali
!!

A `colour' is a visual sensation produced by a specific SPD (spectral power distribution) incident on the retina.

!!

Se si misura la luce con un spettrofotometro si ottiene lo spettrogramma, che rappresenta la funzione di stimolo del colore, ie., la distribuzione dellenergia radiante sullo spettro di frequenze del visibile.

27-04-2010

Caratteristiche spettrali
!!

Il valore pi elevato della funzione stimolo fornisce informazione sulla tinta del colore.

!!

Pi elevato e scoscesa la curva in prossimit del valore massimo, pi puro il colore associato.

Sintesi additiva
!!

Modello additivo: creazione degli altri colori mediante la combinazione additiva dei colori primari RGB. Tipico nei monitor i quali hanno tre tipi di fosfori per ogni pixel. ! Es.: R + G = giallo

! se riduco lintensit del verde mantenendo quella del rosso allora ho un arancione

G Y

27-04-2010

Sintesi additiva
!!

!!

!!

La somma di due colori primari produce un colore Es.: R+G= giallo, R+B=magenta, B+G=ciano Ciano (C), magenta (M) e giallo (Y) sono colori secondari o complementari Miscelando i tre primari o un secondario con il suo primario opposto, nella giusta intensit, produce bianco.

Vedi esempi @ http://www.cs.rit.edu/~ncs/color/a_spaces.html

!!

!! !!

Cosa vuol dire che con tre colori primari si possono generare tutti gli altri? Perche i primari hanno questo ruolo speciale? E cosa centra la sintesi additiva con il colore definito come SPD?

27-04-2010

Tristimulus
!!

Locchio percepisce il colore usando tre ricettori (coni) diversi, sensibili a diverse porzioni dello spettro, corrispondenti al ! Blu ! Verde ! Rosso.

Tristimulus
!!

!!

!!

!!

La percezione di ogni altro colore dunque avviene attraverso la combinazione di tre stimoli Questo meccanismo implica inoltre che due diverse SPD possono produrre la stessa sensazione di colore (metamerismo) Il tristimulus di un colore la quantit di ciascun colore primario che -- in una sintesi additiva a tre componenti -- produce il colore dato. Color matching: viene mostrato un colore puro (singola lunghezza donda) ad un soggetto, il quale, manipolando lintensit dei tre primari deve riprodurre il colore dato.

27-04-2010

Tinta, saturazione e brillantezza

!!

Le caratteristiche percettive che un umano usa per descrivere un colore non sono il tristimulus ma tinta, saturazione e brillantezza. Tinta (hue):
! un attributo legato alla lunghezza donda dominante nella mistura di onde luminose. ! La tinta lattributo fondamentale di un colore: quando chiamiamo un colore arancio, rosso o giallo stiamo specificando la tinta.

!!

Tinta, saturazione e brillantezza

!!

Saturazione:
! si riferisce alla purezza relativa del colore ovvero alla quantit di bianco aggiunto al colore puro ! e.g., rosa meno saturo del rosso ! i colori puri sono pienamente saturati

!!

Brillantezza (brightness):
! incorpora la nozione acromatica di intensit. ! un attributo soggettivo, difficile da misurare. ! alcune tinte sono implicitamente pi luminose (brillanti) di altre.

27-04-2010

Hue

Saturation

Brightness

http://www2.ncsu.edu/scivis/lessons/colormodels/color_models2.html#saturation.

Cromaticit
!! !! !! !!

Hue e saturation assieme sono chiamati croma o cromaticit. Un colore descritto dalla sua luminosit e cromaticit. La cromaticit descrive il colore e la sua purezza. Chromaticity is an objective specification of the quality of a color regardless of its luminance, that is, as determined by its hue and colorfulness (or saturation, chroma, intensity, or excitation purity).

Brightness

27-04-2010

Spazi colore
!! !!

!!

!!

Finora abbiamo definito i colori in modo soggettivo. Gli spazi colore servono a dare definizioni quantitative del colore La parte soggettiva viene eliminata definendo un osservatore standard Tutti gli spazi colore usano 3 componenti

CIE

!!

!!

CIE: Commission Internationale de l'Eclairage, listituzione che regola la definizione dei sistemi di colore. The CIE has defined a system that classifies colour according to the human visual system.

27-04-2010

CIE RGB
!!

!!

!!

!!

Esperimento di color matching con i tre primari RGB. Si registra il valore del tristimolo per ogni lunghezza donda e per ogni soggetto. Alcuni colori non potevano essere riprodotti se non aggiungendo uno dei primari al colore di test. In questo caso veniva registrato un valore negativo di quel primario Media sui soggetti

The CIE 1931 RGB Color matching functions. The color matching functions are the amounts of primaries needed to match the monochromatic test primary at the wavelength shown on the horizontal scale.

CIE RGB
!!

!!

Le funzioni di color matching possono essere interpretate come le sensitivit spettrali di tre rilevatori la cui risposta costituisce il tristimolo RBG. Given these scaled color matching functions, the RGB tristimulus values for a color with a spectral power distribution I() would then be given

27-04-2010

CIE XYZ
!!

!!

Per superare il problema del colore negativo del CIE RGB, la CIE ha introdotto un nuovo spazio colore, chiamato XYZ. Si basa su tre funzioni di color matching che sono combinazione lineare di quelle RBG e sono sempre positive.

The CIE standard observer color matching functions

CIE XYZ
!!

!!

!!

The y() function was set equal to the luminance function, that describes the variation of perceived brightness with wavelength. The illuminant, and lighting and viewing geometry are carefully defined, since these all affect the appearance of a particular colour. The XYZ tristimulus values for a color with a spectral power distribution I() are given in terms of the standard observer by:

10

27-04-2010

CIE XYZ
!!

!!

!!

Using this system we can specify any colour in terms of its CIE XYZ coordinates. The CIE XYZ system works by weighting the SPD of an object in terms of three colour matching functions. These functions are the sensitivities of a standard observer to light of different wavelengths. This process produces three CIE tristimulus values, X,Y,Z,

CIE XYZ
!!

I valori del tristimolo XYZ sono una combinazione lineare di quelli del tristimolo RGB

" X % " 0.49 0.31 0.20 %" R % $ ' $ '$ ' $Y ' = $0.17697 0.81240 0.01063'$G ' $ 0.01 0.99 ' #Z ' & $ # 0.00 &$ #B' &
!!

Lo spazio colore CIE XYZ stato deliberatamente costruito in modo che la coordinata Y corrispondesse alla brillantezza percepita, o luminanza.

11

27-04-2010

Coefficienti tricromatici
!!

Normalizzando i coefficienti X,Y,Z si hanno i cosiddetti coefficienti tricromatici:

x=
!!

X Y Z , y= , z= X +Y + Z X +Y + Z X +Y + Z

Sono coefficienti (positivi) che dipendono solo dalla cromaticit e sono indipendenti dalla brillantezza. Si noti che x + y + z = 1, quindi se ne possono prendere solo due, di solito (x,y). Il terzo determinato automaticamente: z=1-x-y.

!
!!

CIE xyY
!!

!!

!!

Dai soli coefficienti tricromatici (x,y) linformazione di luminanza non recuperabile. Per avere uno spazio colore completo bisogna affiancare ad x e y l luminanza Y Lo spazio colore che ne deriva noto come CIE xyY ed ampiamente usato in pratica per specificare colori.

12

27-04-2010

Diagramma di cromaticit CIE 1931

The CIE 1931 color space chromaticity diagram. This figures shows the (x,y) values for every color perceiveble by a human.The outer curved boundary is the spectral (or monochromatic) locus, with wavelengths shown in nanometers.

Diagramma di cromaticit
!! !! !! !! !! !!

!!

Il diagramma rappresenta tutti i valori cromatici visibili. Non rappresenta la brillantezza del colore. I colori sul bordo curvo del diagramma sono puri o monocromatici. I punti interni sono misture di colori puri. Il bianco al centro Una linea retta tra due punti rappresenta tutti i diversi colori che si possono ottenere dalla combinazione additiva dei due. Non uniformit percettiva. La distanza nel diagramma di cromaticit non corrisponde alla differenze percepita tra due. Soluzione: CIE Lab

13

27-04-2010

Diagramma di cromaticit CIE 1931

Diagramma di cromaticit
!!

!!

!!

Tutte le combinazioni di tre colori sono contenute nel triangolo che ha i tre colori per vertici. Nota: un triangolo con tre colori primari ai vertici non pu contenere tutti i colori del diagramma. Gamut: insieme dei colori rappresentabili con un modello di colore, o con un particolare dispositivo

14

27-04-2010

!!

!!

!!

Si assuma un sistema di riproduzione basato su RGB: per stampare si deve convertire RGB in CMYK. I due spazi non coincidono n in dimensione n in posizionamento. Siccome il sistema di riferimento RGB, allora i colori dello spazio di colore CMYK che non possono essere rappresentati in RGB non si possono stampare in CMYK.

CIE Lab
!! !!

!!

!!

Lo spazio XYZ non percettivamente uniforme Perceptually uniform means that a change of the same amount in a color value should produce a change of about the same visual importance. Poich la risposta del sistema visivo umano non lineare, la CIE ha definito un nuovo sistema con un mapping non lineare del XYZ Inoltre il sistema CIE Lab si basa sui colori opponenti, per rendere maggiormente vicina alla percezione umana la rappresentazione della crominanza.

15

27-04-2010

Colori opponenti
!!

The color opponent process is a color theory that states that the human visual system interprets information about color by recording differences between the responses of cones, rather than each type of cone's individual response.

Colori opponenti
!!

!!

!!

There are three opponent channels: red versus green, blue versus yellow, and black versus white (the latter type is achromatic and detects light-dark variation, or luminance) Responses to one color of an opponent channel are antagonistic to those to the other color. Non in contrapposizione alla teoria del tristimolo, perch si colloca ad un livello percettivo pi complesso

16

27-04-2010

CIE Lab
!!

!!

!!

!!

La luminosit L funzione (non lineare) della coordinata Y e si estende dal nero (<0) al bianco (>0). La cromaticit definita dalle coordinate a e b che possono assumere valori sia positivi che negativi. a funzione (non lineare) di X e Y e si estende dal verde (<0) al rosso (>0). b funzione (non lineare) di Z e Y e si estende dal blu (<0) al giallo (>0).

CIE Lab
!!

!!

La sezione orizzontale dello spazio CIE Lab rivela un piano che rappresenta tutti i colori con la stessa luminosit: ogni colore si identifica con i valori a,b e la luminosit L. La luminosit rappresentata verticalmente per mezzo della scala di luminosit L che si estende da 0 (nero) a 100 (bianco).

17

27-04-2010

Spazi colore device dependent

!!

!!

Accanto agli spazi colore definiti dalla CIE, che sono per costruzione indipendenti dal dispositivo di visualizzazione (tutto standardizzato) vi sono spazi colore dipendenti dal dispositivo. Per esempio, ogni monitor RGB ha tre primari leggermente diversi, e dunque una rappresentazione che non contiene la definizione dei primari dipendente dal dispositivo.

RGB Color Space

!! !! !!

The classical computer colorspace 3 different channels: Red, Green, Blue Based on the tristimulus representation

18

27-04-2010

RGB Color Space

!!

!!

!!

Nel modello RGB, un colore definito da 3 componenti che rappresentano i colori primari Per convenienza, si normalizzano le componenti in modo da avere un cubo con componenti RGB appartenenti allintervallo [0,1] Tutti i colori che giacciono allinterno del cubo possono essere riprodotti da un sistema di riproduzione che si basa sui colori primari (eg., monitor).

RGB Color Space

(0,0)

A single pixel consists of three components.

128 251 60

=
Final pixel in the image

If R,G, and B are represented with 8 bits (24bit RGB image), the total number of colors is (28 )3=16,777,216

19

27-04-2010

sRGB
!!

!!

Per rendere RGB indipendente dal dispositivo stato introdotto il sRGB da Hp e Microsoft nel 1996. sRGB usa dei colori primari standardizzati

Il triangolo il gamut del modello sRGB, sovrapposto al diagramma CIE 1931

Example RGB

20

27-04-2010

HS* Color Spaces

!!

!!

!!

!!

HS (Hue, Saturation) codificano la cromaticit (tinta, saturazione) La terza componente prende nomi diversi V (value), B (Brightness), L (Lightness), I (Intensity) ma codifica comunque la brillantezza HSV(B) e HSL(I) sono leggermente diversi nel modo in cui definiscono la trasformazione (non lineare) dello spazio RGB Le caratteristiche principali di questo spazio sono:
! il disaccoppiamento tra cromaticit e brillantezza ! la rilevanza percettiva delle componenti

!!

Usato per scelta o editing di colori.

Editing saturation of colors

(Left) Image of food originating from a digital camera; (center) saturation value of each pixel decreased 20%; (right) saturation value of each pixel increased 40%.

21

27-04-2010

HSV Color Space

!!

Hue, Saturation, Value (HSV). Lo spazio colore una piramide a base esagonale o un cono.

HSV Color Space

!! !! !!

Two values (H & S) encode chromaticity Hue H is defined by and angle between 0 and 2!: Saturation S models the purity of the color
! S=1 for a completely pure or saturated color ! S=0 for a shade of gray

!!

The distance along the axis corresponds to lightness, value or brightness.

22

27-04-2010

HSV - HSL
!!

!!

Mentre HSV equivalente ad una piramide, HSL quivalente ad una doppia piramide Entrambe si possono mappare su di un cilindro per confronto

HSV Represention
(0,0)
A single pixel consists of three components. Each pixel is a Vector / Array. 128 251 60

=
Final pixel in the image

Pixel-Vector in the computer memory

Caution! Sometimes pixels are not stored as vectors. Instead, first is stored the complete hue component, then the complete sat., then the intensity.

23

27-04-2010

HSV Examples

Original Image

Hue

Saturation

Value

YUV Color Space

!!

!! !! !!

Modello usato per lo standard di trasmissione televisivo PAL YCbCr (simile) usato in JPEG ed MPEG YIQ (simile) usato in NTSC La componente Y la luminanza ed la sola che serve per la visualizzazione in bianco e nero
!!

Compatible with monochrome TV standards:

!!

La crominanza rappresentata da UV
! U is the blueluminance difference ! V is the redluminance difference

Piano U-V (Y=0.5)

24

27-04-2010

YUV Color Space

!!

!!

Il nostro sistema visivo pi sensibile ai cambi di luminanza che di crominanza, per questo si assegna pi risoluzione (banda) alla componente Y e meno a U e V (8:3:1) La possibilit di quantizzazione differenziata per luminanza e crominanza la motivazione principale per lintroduzione di questo spazio, che non altro che un cambio di base dello spazio RGB

YUV representation
A single pixel consists of three components. Each pixel is a Vector / Array. 128 251 60

(0,0)

=
Final pixel in the image

Pixel-Vector in the computer memory

Same Caution as before applies here!

25

27-04-2010

YUV example

Original Image

Intensity

U-Component

V-Component

Il modello CMY
!! !! !!

!!

Il modello CMY (Cyan, Magenta, Yellow), usato nella stampa a colori. A differenza di tutti quelli visti finora si basa sulla sintesi sottrattiva del colore. Monitor e televisori generano il colore mediante la combinazione additiva dei 3 colori primari, che vengono emessi. La stampa del colore viene invece fatta sovrapponendo inchiostro colorato sulla carta bianca, che non emette ma riflette la luce (bianca) incidente.

26

27-04-2010

Sintesi Additiva/Sottrativa
!!

Sintesi additiva: somma di onde luminose di diversa frequenza che raggiungono il nostro occhio
! Esempio: TV e monitor.

!!

Sintesi sottrativa: la luce bianca (emessa dal una sorgente luminosa) colpisce il pigmento e ne viene selettivamente riflessa (ovvero selettivamente assorbita).
! Esempio: un pigmento giallo assorbe il blu e riflette rosso e verde.

!!

Ecco perch non otteniamo il bianco quando mescoliamo i pigmenti: la sintesi sottrattiva!

27

27-04-2010

Il modello CMYK
!! !!

Red, Green, Blue are the primary colors of light Cyan, Magenta, Yellow are the
! Secondary colors of light ! Primary colors of pigments

!!

!!

!!

When a cyan-colored object is illuminated with white light, no red light will be reflected from its surface! Cyan subtracts red! In generale, il pigmento assorbe (sottrae) dalla luce (bianca) i colori complementari al suo e riflette il resto. Per vedere il nero basterebbe miscelare in parti ugyuali i tre pigmenti, ma in realt si ottiene un colore marrone, quindi si preferisce aggiungere il nero direttamente (blacK) ! CMYK

!!

Il sistema CMYK pu essere rappresentato:

colori RGB normalizzati

!!

Ci indica ad esempio che il ciano puro assorbe il rosso, etc..

28

27-04-2010

Comparison: CMYK, RGB, and HSI

29