{"id":7478,"date":"2008-08-13T13:58:59","date_gmt":"2008-08-13T11:58:59","guid":{"rendered":"http:\/\/www.boscarol.com\/blog\/?p=7478"},"modified":"2018-06-12T10:36:30","modified_gmt":"2018-06-12T08:36:30","slug":"confronto-tra-spazi-colore-rgb","status":"publish","type":"post","link":"http:\/\/www.boscarol.com\/blog\/?p=7478","title":{"rendered":"Confronto tra spazi colore RGB"},"content":{"rendered":"<p>Questo \u00e8 un tema che provoca infinite discussioni, interventi su mailing list, domande ed equivoci.<\/p>\n<p><strong><br \/>\nTutti i colori che il sistema visivo umano pu\u00f2 vedere<\/strong><\/p>\n<p>Partiamo dall&#8217;insieme di tutti colori che il sistema visivo umano pu\u00f2 vedere. La sua rappresentazione pi\u00f9 comune \u00e8 mediante questo diagramma delle cromaticit\u00e0:<\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-full wp-image-7483\" style=\"border: 0px none;\" title=\"Diagramma delle cromaticit\u00e0\" src=\"https:\/\/i2.wp.com\/www.boscarol.com\/blog\/wp-content\/uploads\/2009\/01\/c01.jpg?resize=293%2C314\" alt=\"Diagramma delle cromaticit\u00e0\" width=\"293\" height=\"314\" srcset=\"https:\/\/i2.wp.com\/www.boscarol.com\/blog\/wp-content\/uploads\/2009\/01\/c01.jpg?w=293 293w, https:\/\/i2.wp.com\/www.boscarol.com\/blog\/wp-content\/uploads\/2009\/01\/c01.jpg?w=279 279w\" sizes=\"(max-width: 293px) 100vw, 293px\" data-recalc-dims=\"1\" \/><\/p>\n<p>Questo \u00e8 un diagramma a <span style=\"text-decoration: underline;\">due<\/span> dimensioni, ma lo spazio di tutti i colori che il sistema visivo umano pu\u00f2 vedere ha <span style=\"text-decoration: underline;\">tre<\/span> dimensioni. La dimensione che manca nel diagramma qui sopra \u00e8 la dimensione della luminanza.<\/p>\n<p>In altre parole, nel diagramma sono rappresentate tutte le cromaticit\u00e0 e ogni cromaticit\u00e0 pu\u00f2 avere una diversa luminanza. Quindi colore = cromaticit\u00e0 + luminanza. Lo spazio dei colori che il sistema visivo umano vede \u00e8 un cilindro, con il diagramma qui sopra come base.<\/p>\n<p><strong><br \/>\nSpazio colore RGB<\/strong><\/p>\n<p>Uno spazio colore RGB \u00e8 un sottoinsieme dello spazio di tutti i colori. Per esempio lo spazio sRGB ha questa &#8220;impronta&#8221; o gamut:<\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-full wp-image-7484\" style=\"border: 0px none;\" title=\"sRGB\" src=\"https:\/\/i1.wp.com\/www.boscarol.com\/blog\/wp-content\/uploads\/2009\/01\/c02.jpg?resize=293%2C314\" alt=\"sRGB\" width=\"293\" height=\"314\" srcset=\"https:\/\/i1.wp.com\/www.boscarol.com\/blog\/wp-content\/uploads\/2009\/01\/c02.jpg?w=293 293w, https:\/\/i1.wp.com\/www.boscarol.com\/blog\/wp-content\/uploads\/2009\/01\/c02.jpg?w=279 279w\" sizes=\"(max-width: 293px) 100vw, 293px\" data-recalc-dims=\"1\" \/><\/p>\n<p>Ancora, qui si vedono solo due dimensioni, ma lo spazio RGB, come tutti gli spazi colore, ha tre dimensioni, e qui vediamo come &#8220;cresce&#8221; nella terza dimensione, quella della luminanza, cio\u00e8 qual \u00e8 il suo vero gamut:<\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-full wp-image-7485\" style=\"border: 0px none;\" title=\"sRGB\" src=\"https:\/\/i2.wp.com\/www.boscarol.com\/blog\/wp-content\/uploads\/2009\/01\/c03.jpg?resize=293%2C314\" alt=\"sRGB\" width=\"293\" height=\"314\" srcset=\"https:\/\/i2.wp.com\/www.boscarol.com\/blog\/wp-content\/uploads\/2009\/01\/c03.jpg?w=293 293w, https:\/\/i2.wp.com\/www.boscarol.com\/blog\/wp-content\/uploads\/2009\/01\/c03.jpg?w=279 279w\" sizes=\"(max-width: 293px) 100vw, 293px\" data-recalc-dims=\"1\" \/><\/p>\n<p><strong><br \/>\nVolume di uno spazio RGB<\/strong><\/p>\n<p>Uno spazio RGB ha un volume, che si esprime in \u0394E<sup>3<\/sup>. Per motivi che qui sarebbe lungo approfondire, 1\u00a0\u0394E<sup>3<\/sup> rappresenta circa (molto circa) un colore.<\/p>\n<p>Il volume di uno spazio suggerisce dunque il numero di colori che in quello spazio si possono rappresentare. sRGB ha un volume di circa 860.000\u00a0\u00a0\u0394E<sup>3<\/sup>, dunque in sRGB si possono rappresentare circa 860.000 colori.<\/p>\n<p><strong><br \/>\nConfronto tra due spazi RGB: il volume<\/strong><\/p>\n<p>Quando si confrontano due spazi tra di loro, si pu\u00f2 dire che uno spazio consente di rappresentare pi\u00f9 colori di un altro se il suo volume \u00e8 maggiore del volume dell&#8217;altro.<\/p>\n<p>Per esempio lo spazio Adobe RGB ha un volume 1.250.000 \u0394E<sup>3<\/sup> e dunque \u00e8 possibile rappresentare in Adobe RGB molti pi\u00f9 colori rispetto a sRGB che ha solo un volume di 860.000.<\/p>\n<p>Questo lo si intuisce anche guardando il diagramma delle cromaticit\u00e0 (che d\u00e0 solo un&#8217;idea, perch\u00e9 manca la terza dimensione, quella della luminanza). Il gamut piccolo \u00e8 sRGB, quello grande \u00e8 Adobe RGB:<\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-full wp-image-7486\" style=\"border: 0px none;\" title=\"Adobe RGB e sRGB\" src=\"https:\/\/i0.wp.com\/www.boscarol.com\/blog\/wp-content\/uploads\/2009\/01\/c04.jpg?resize=293%2C314\" alt=\"c04\" width=\"293\" height=\"314\" srcset=\"https:\/\/i0.wp.com\/www.boscarol.com\/blog\/wp-content\/uploads\/2009\/01\/c04.jpg?w=293 293w, https:\/\/i0.wp.com\/www.boscarol.com\/blog\/wp-content\/uploads\/2009\/01\/c04.jpg?w=279 279w\" sizes=\"(max-width: 293px) 100vw, 293px\" data-recalc-dims=\"1\" \/><\/p>\n<p>Attenzione per\u00f2 che il grafico qui sopra, &#8220;suggerisce&#8221; che uno degli spazi abbia volume maggiore dell&#8217;altro, ma la parola definitiva si ha valutando il volume anche nella terza dimensione, la luminanza.<\/p>\n<p><strong><br \/>\nConfronto tra due spazi RGB: la copertura<\/strong><\/p>\n<p>Il fatto che uno spazio abbia volume maggiore di un altro, implica che il primo pu\u00f2 rappresentare pi\u00f9 colori del secondo. Questo non implica per\u00f2 che lo spazio con volume maggiore contenga (in senso insiemistico) tutti i colori dell&#8217;altro. In alcuni casi \u00e8 cos\u00ec, ma in altri casi pu\u00f2 non essere cos\u00ec.<\/p>\n<p>Per esempio nel caso di Adobe RGB e sRGB (qui sopra) \u00e8 proprio cos\u00ec: Adobe RGB contiene completamente sRGB, cio\u00e8 i colori rappresentabili in sRGB sono un sottoinsieme dei colori rappresentabili in Adobe RGB.<\/p>\n<p>Diverso \u00e8 invece il caso dei due spazi NTSC e sRGB:<\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-full wp-image-7487\" style=\"border: 0px none;\" title=\"NTSC e sRGB\" src=\"https:\/\/i1.wp.com\/www.boscarol.com\/blog\/wp-content\/uploads\/2009\/01\/c05.jpg?resize=293%2C314\" alt=\"NTSC e sRGB\" width=\"293\" height=\"314\" srcset=\"https:\/\/i1.wp.com\/www.boscarol.com\/blog\/wp-content\/uploads\/2009\/01\/c05.jpg?w=293 293w, https:\/\/i1.wp.com\/www.boscarol.com\/blog\/wp-content\/uploads\/2009\/01\/c05.jpg?w=279 279w\" sizes=\"(max-width: 293px) 100vw, 293px\" data-recalc-dims=\"1\" \/><\/p>\n<p>NTSC ha un volume maggiore di sRGB, e quindi rappresenta pi\u00f9 colori, tuttavia non copre completamente sRGB (cio\u00e8 sRGB non \u00e8 un sottoinsieme di NTSC).<\/p>\n<p>(Anche qui, la vera valutazione della copertura si dovrebbe fare nelle tre dimensioni, non solo in due.)<\/p>\n<p>Nel confrontare due spazi bisogna dunque distinguere la\u00a0<span style=\"text-decoration: underline;\">dimensione<\/span> (cio\u00e8 il volume, uno maggiore l&#8217;altro minore) dalla\u00a0<span style=\"text-decoration: underline;\">copertura<\/span> (pu\u00f2 essere che uno comprenda completamente l&#8217;altro oppure no).<\/p>\n<p>La dimensione (cio\u00e8 il volume) permette di dire che uno spazio A consente di rappresentare pi\u00f9 colori di uno spazio B, ma non \u00e8 detto che i colori rappresentabili da B siano tutti anche rappresentabili da A, cio\u00e8 non \u00e8 detto che A copra completamente B.<\/p>\n<p><strong><br \/>\nRappresentazione digitale<\/strong><\/p>\n<p>A questo punto interviene un ulteriore fatto, cio\u00e8 che un colore RGB viene rappresentato, in digitale,\u00a0con 8 o 16 bit per canale. Con 8 bit si rappresentano 256 livelli per canale, dunque in tutto 256 x 256 x 256 = 16.777.216 colori e con 16 bit molti di pi\u00f9.<\/p>\n<p>Questo per\u00f2 non \u00e8 il numero di colori dello spazio (perch\u00e9 allora tutti gli spazi rappresentati con lo stesso numero di bit, 8 o 16, sarebbero uguali) ma \u00e8 il <span style=\"text-decoration: underline;\">campionamento<\/span> che viene fatto dello spazio.<\/p>\n<p>Con 8 bit si campiona lo spazio con una maglia di 256 punti per canale, con 16 bit lo si campiona con un maglia di 65536 punti per canale, cio\u00e8 pi\u00f9 finemente. Otto bit vanno bene per gli spazi di volume piccolo, 16 bit vanno meglio per spazi di volume pi\u00f9 grande.<\/p>\n<p><strong><br \/>\nLa pubblicit\u00e0 dei monitor<\/strong><\/p>\n<p>I produttori di monitor sono soliti paragonare lo spazio di colori prodotto dal loro monitor con uno spazio standard, solitamente NTSC. Il confronto per\u00f2 viene fatto non sui volumi e sulla copertura ma semplicemente sulle aree nel diagramma delle cromaticit\u00e0 o meglio nel piano (a,b) di Lab (almeno Eizo fa cos\u00ec e probabilmente anche altri produttori).<\/p>\n<p>Come abbiamo detto, le aree bidimensionali non dicono tutto. \u00c8 come vedere la pianta di una casa, ma senza sapere come si sviluppa in altezza, chiss\u00e0 se \u00e8 una casa di due o di tre piani, se ci sono terrazze esterne, un tetto a punta, un giardino pensile o cosa.<\/p>\n<p>Nel caso dei colori, possono esserci aree di uno spazio RGB che non stanno in un altro, ma questo non si pu\u00f2 capire guardando un diagramma delle cromaticit\u00e0 bidimensionale.<\/p>\n<p>Per esempio nel grafico qui sotto (fatto in Lab) il grafico bidimensionale non mette in luce quella punta di ciano (di uno spazio di stampante) che esce dallo spazio a filo di ferro (Adobe RGB):<\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-full wp-image-7488\" style=\"border: 0px none;\" title=\"Adobe RGB e uno spazio di stampante\" src=\"https:\/\/i2.wp.com\/www.boscarol.com\/blog\/wp-content\/uploads\/2009\/01\/c06.jpg?resize=293%2C314\" alt=\"Adobe RGB e uno spazio di stampante\" width=\"293\" height=\"314\" srcset=\"https:\/\/i2.wp.com\/www.boscarol.com\/blog\/wp-content\/uploads\/2009\/01\/c06.jpg?w=293 293w, https:\/\/i2.wp.com\/www.boscarol.com\/blog\/wp-content\/uploads\/2009\/01\/c06.jpg?w=279 279w\" sizes=\"(max-width: 293px) 100vw, 293px\" data-recalc-dims=\"1\" \/><\/p>\n<p>Nella pubblicit\u00e0 di un monitor si legge, per esempio, \u00a0che ha il 114% del gamut di NTSC. Questo numero \u00e8 basato solo sulle aree, non sui volumi. Ma in pi\u00f9 non si dice se lo spazio del monitor copre completamente l&#8217;area NTSC, cio\u00e8 se fa gli stessi colori di NTSC (pi\u00f9 altri) oppure se ci sono colori di NTSC che il monitor non fa. Un confronto significativo dovrebbe includere i dati dei due <span style=\"text-decoration: underline;\">volumi<\/span> e la <span style=\"text-decoration: underline;\">copertura<\/span> per indicare effettivamente come si comporta il monitor.<\/p>\n<p><strong><br \/>\nConclusione<\/strong><\/p>\n<p>Ogni spazio RGB contiene un certo numero di colori. E quindi si pu\u00f2 dire, per esempio, che in sRGB ci sono meno colori di quanti ce ne siano in NTSC.\u00a0E in Adobe RGB ci sono pi\u00f9 colori che in sRGB.\u00a0Il numero di colori contenuti in uno spazio equivale (pi\u00f9 o meno) al concetto <span style=\"text-decoration: underline;\">di volume<\/span>\u00a0dello spazio espresso in deltaE<sup>3<\/sup>.<\/p>\n<p>NTSC non contiene tutti i colori di sRGB. Alcuni rimangono fuori.\u00a0Invece Adobe RGB contiene tutti i colori di sRGB. Questo \u00e8 il concetto di <span style=\"text-decoration: underline;\">copertura<\/span>.<\/p>\n<p>La seguente \u00e8 una domanda mal posta, ambigua: &#8220;qual \u00e8 lo spazio pi\u00f9 ampio tra A e B?&#8221;.<\/p>\n<p>Meglio evitare frasi come &#8220;lo spazio A \u00e8 pi\u00f9\u00a0<span style=\"text-decoration: underline;\">ampio<\/span>, pi\u00f9\u00a0<span style=\"text-decoration: underline;\">esteso<\/span> dello spazio B&#8221; perch\u00e9 con questa frase si vuole forse dire che il volume di A \u00e8 maggiore di quello di B (e questo potrebbe essere vero) ma si induce anche il sospetto che tutti i colori di B siano compresi in A, e questo non \u00e8 per nulla detto. La copertura potrebbe anche essere uguale a 0.<\/p>\n<p>Infine il <span style=\"text-decoration: underline;\">numero di colori rappresentabili<\/span> in digitale (o meglio <span style=\"text-decoration: underline;\">il numero delle terne numeriche<\/span>) non dipende dallo spazio ma dalla modalit\u00e0 e dalla profondit\u00e0 in bit. \u00c8 il numero di nodi della maglia di campionamento dello spazio. Nel caso di RGB con 8 bit sono oltre 16 milioni, con 16 bit oltre 281000 miliardi.<\/p>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Questo \u00e8 un tema che provoca infinite discussioni, interventi su mailing list, domande ed equivoci. Tutti i colori che il sistema visivo umano pu\u00f2 vedere Partiamo dall&#8217;insieme di tutti colori che il sistema visivo umano pu\u00f2 vedere. La sua rappresentazione pi\u00f9 comune \u00e8 mediante questo diagramma delle cromaticit\u00e0: Questo \u00e8 un diagramma a due dimensioni, [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"spay_email":"","jetpack_publicize_message":"","jetpack_is_tweetstorm":false},"categories":[107],"tags":[453,33,144,477,454,478,455,146],"jetpack_featured_media_url":"","jetpack_publicize_connections":[],"jetpack_shortlink":"https:\/\/wp.me\/pjoVH-1WC","jetpack_sharing_enabled":true,"jetpack_likes_enabled":false,"_links":{"self":[{"href":"http:\/\/www.boscarol.com\/blog\/index.php?rest_route=\/wp\/v2\/posts\/7478"}],"collection":[{"href":"http:\/\/www.boscarol.com\/blog\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/www.boscarol.com\/blog\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/www.boscarol.com\/blog\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/www.boscarol.com\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=7478"}],"version-history":[{"count":26,"href":"http:\/\/www.boscarol.com\/blog\/index.php?rest_route=\/wp\/v2\/posts\/7478\/revisions"}],"predecessor-version":[{"id":26692,"href":"http:\/\/www.boscarol.com\/blog\/index.php?rest_route=\/wp\/v2\/posts\/7478\/revisions\/26692"}],"wp:attachment":[{"href":"http:\/\/www.boscarol.com\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=7478"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/www.boscarol.com\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=7478"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/www.boscarol.com\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=7478"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}