Tavolozza (informatica): differenze tra le versioni

Versione delle 16:48, 4 giu 2017

Versione attuale delle 16:24, 7 mag 2025

(22 versioni intermedie di 14 utenti non mostrate)

Riga 1:

{{U|Tavolozza di sistema|informatica|gennaio 2024}}

{{nota disambigua|la casa discografica belga|Palette (casa discografica)|Palette}}

Nella [[computer grafica]] laUna '''tavolozza''', anche(in chiamata[[lingua inglese]] '''palette'''), (sinonimo mutuato dallanella [[linguacomputer inglesegrafica]]), èindica un insieme dei colori disponibili in un programma di grafica o di disegno.<ref>{{Cita libro|autore=Pierluigi Poggi|titolo=Dizionario Enciclopedico - Informatica, telematica, reti, multimedialità, telefonia|anno=2014|editore=|città=|p=|pp=|ISBN=}}</ref>

== Aspetti teoricitecnici − RGB ==

Ogni colore della tavolozza è associato ad un ''indice'', cioè ad un [[numero ordinale (teoria degli insiemi)|ordinale]] che identifica il colore nella tavolozza stessa (è possibile comunque che lo stesso colore si ripeta con indici diversi). La rappresentazione dei [[pixel]] di un'[[immagine]] attraverso indici nella tavolozza permette un drastico risparmio [[Memoria (informatica)|memoria]] e tempo computazionale rispetto ad altre tecniche, ma limita la [[Gamut|gamma]] di colori utilizzabili a quelli presenti nella tavolozza. Questi ultimi possono essere fissi, se determinati, ad esempio, dall'[[hardware]] utilizzato, oppure modificabili a seconda della fattispecie di un'immagine.

In HTML i colori sono rappresentati mediante la "hex triplet", un numero esadecimale a sei cifre e tre byte. Ogni byte si riferisce al Rosso, al Verde o al Blu, nell'ordine, con ununa rangegamma che si estende da 00 a FF (notazione esadecimale) oppure da 0 a 255 (notazione decimale).<ref name=":0" /> La somma di tre colori primari RGB generati a valore pieno 255 produce il bianco, ma se i colori vengono riprodotti con valore 0, la loro somma produce il nero. A video i colori hanno lo stesso comportamento per via della quantità di luce che contengono; le varianti intermedie generano i colori.<ref name=":0" />

Per sfruttare al meglio le caratteristiche della tecnica [[Digitale (informatica)|digitale]] il numero di elementi in una tavolozza è generalmente una [[potenza di due]] e raramente supera i 2⁸ = 256 colori. La palette è stata messa a punto quando i monitor del computer potevano visualizzare al massimo questo numero di colori.<ref name=":0">{{Cita libro|autore=G. Ambrose, P. Harris|titolo=Il Manuale del Graphic Design|anno=|editore=|città=|p=|pp=|ISBN=}}</ref> I colori web-safe sono generati da tutte le miscele possibili di sei sfumature di Rosso, Verde e di Blu. 216 corrisponde quindi al maggior numero possibile di colori considerati sicuri per la progettazione di pagine web.<ref name=":0" /> Quando è necessario un numero di colori ancora maggiore – è questo il caso di tutte le rappresentazioni fotografiche o realistiche – le tavolozze non vengono usate; il colore è allora codificato direttamente nelle componenti cromatiche secondo il [[Modello di colore|modello]] adoperato. Dal 2011 però, i personal computer tipicamente possiedono 24-bit (TrueColor) e l'uso dei colori "web-safe" è caduto praticamente in disuso.<ref>{{Cita web|url=httphttps://www.w3schools.com/browsers/browsers_display.asp|titolo=Browser Display Statistics}}</ref>

==Esempi==

Riga 16:

|Indice||Colore||[[RGB]]

|-

|0||bgcolor="#000000"| ||<ttkbd>#000000</ttkbd>

|-

|1||bgcolor="#0000AA"| ||<ttkbd>#0000AA</ttkbd>

|-

|2||bgcolor="#00AA00"| ||<ttkbd>#00AA00</ttkbd>

|-

|3||bgcolor="#00AAAA"| ||<ttkbd>#00AAAA</ttkbd>

|-

|4||bgcolor="#AA0000"| ||<ttkbd>#AA0000</ttkbd>

|-

|5||bgcolor="#AA00AA"| ||<ttkbd>#AA00AA</ttkbd>

|-

|6||bgcolor="#AA5500"| ||<ttkbd>#AA5500</ttkbd>

|-

|7||bgcolor="#AAAAAA"| ||<ttkbd>#AAAAAA</ttkbd>

|-

|8||bgcolor="#555555"| ||<ttkbd>#555555</ttkbd>

|-

|9||bgcolor="#5555FF"| ||<ttkbd>#5555FF</ttkbd>

|-

|10||bgcolor="#55FF55"| ||<ttkbd>#55FF55</ttkbd>

|-

|11||bgcolor="#55FFFF"| ||<ttkbd>#55FFFF</ttkbd>

|-

|12||bgcolor="#FF5555"| ||<ttkbd>#FF5555</ttkbd>

|-

|13||bgcolor="#FF55FF"| ||<ttkbd>#FF55FF</ttkbd>

|-

|14||bgcolor="#FFFF55"| ||<ttkbd>#FFFF55</ttkbd>

|-

|15||bgcolor="#FFFFFF"| ||<ttkbd>#FFFFFF</ttkbd>

|}

{{Colonne spezza}}

Riga 54:

|Indice||Colore||[[RGB]]

|-

|0||bgcolor="#000000"| ||<ttkbd>#000000</ttkbd>

|-

|1||bgcolor="#800000"| ||<ttkbd>#800000</ttkbd>

|-

|2||bgcolor="#008000"| ||<ttkbd>#008000</ttkbd>

|-

|3||bgcolor="#808000"| ||<ttkbd>#808000</ttkbd>

|-

|4||bgcolor="#000080"| ||<ttkbd>#000080</ttkbd>

|-

|5||bgcolor="#800080"| ||<ttkbd>#800080</ttkbd>

|-

|6||bgcolor="#008080"| ||<ttkbd>#008080</ttkbd>

|-

|7||bgcolor="#C0C0C0"| ||<ttkbd>#C0C0C0</ttkbd>

|-

|8||bgcolor="#808080"| ||<ttkbd>#808080</ttkbd>

|-

|9||bgcolor="#FF0000"| ||<ttkbd>#FF0000</ttkbd>

|-

|10||bgcolor="#00FF00"| ||<ttkbd>#00FF00</ttkbd>

|-

|11||bgcolor="#FFFF00"| ||<ttkbd>#FFFF00</ttkbd>

|-

|12||bgcolor="#0000FF"| ||<ttkbd>#0000FF</ttkbd>

|-

|13||bgcolor="#FF00FF"| ||<ttkbd>#FF00FF</ttkbd>

|-

|14||bgcolor="#00FFFF"| ||<ttkbd>#00FFFF</ttkbd>

|-

|15||bgcolor="#FFFFFF"| ||<ttkbd>#FFFFFF</ttkbd>

|}

{{Colonne spezza}}

Riga 104:

! style="background:lightgrey" | <code>Decimal</code>

|-

| colspan="3" style="background:whitesmoke;text-align:left;"|{{big|'''PinkColori colorsrosa'''}}

|- style="background:pink;color:black"

| <code>Pink</code> ||<code>FF&nbsp;C0&nbsp;CB</code>||<code>255&nbsp;192&nbsp;203</code>

Riga 118:

| <code>MediumVioletRed</code> ||<code>C7&nbsp;15&nbsp;85</code>||<code>199&nbsp;&nbsp;21&nbsp;133</code>

|-

| colspan="3" style="background:whitesmoke;text-align:left;"|{{big|'''RedColori colorsrossi'''}}

|- style="background:lightsalmon;color:black"

| <code>LightSalmon</code> ||<code>FF&nbsp;A0&nbsp;7A</code>||<code>255&nbsp;160&nbsp;122</code>

Riga 138:

| <code>Red</code> ||<code>FF&nbsp;00&nbsp;00</code>||<code>255&nbsp;&nbsp;&nbsp;0&nbsp;&nbsp;&nbsp;0</code>

|-

| colspan="3" style="background:whitesmoke;text-align:left;"|{{big|'''OrangeColori colorsarancioni'''}}

|- style="background:orangered;color:white"

| <code>OrangeRed</code> ||<code>FF&nbsp;45&nbsp;00</code>||<code>255&nbsp;&nbsp;69&nbsp;&nbsp;&nbsp;0</code>

Riga 150:

| <code>Orange</code> ||<code>FF&nbsp;A5&nbsp;00</code>||<code>255&nbsp;165&nbsp;&nbsp;&nbsp;0</code>

|-

| colspan="3" style="background:whitesmoke;text-align:left;"|{{big|'''YellowColori colorsgialli'''}}

|- style="background:yellow;color:black"

| <code>Yellow</code> ||<code>FF&nbsp;FF&nbsp;00</code>||<code>255&nbsp;255&nbsp;&nbsp;&nbsp;0</code>

Riga 158:

| <code>LemonChiffon</code> ||<code>FF&nbsp;FA&nbsp;CD</code>||<code>255&nbsp;250&nbsp;205</code>

|- style="background:lightgoldenrodyellow;color:black"

| <code>LightGoldenrodYellow</code>||<code>FA&nbsp;FA&nbsp;D2</code>||<code>250&nbsp;250&nbsp;210</code>

|- style="background:papayawhip;color:black"

| <code>PapayaWhip</code> ||<code>FF&nbsp;EF&nbsp;D5</code>||<code>255&nbsp;239&nbsp;213</code>

Riga 174:

| <code>Gold</code> ||<code>FF&nbsp;D7&nbsp;00</code>||<code>255&nbsp;215&nbsp;&nbsp;&nbsp;0</code>

|-

| colspan="3" style="background:whitesmoke;text-align:left;"|{{big|'''BrownColori colorsmarroni'''}}

|- style="background:cornsilk;color:black"

| <code>Cornsilk</code> ||<code>FF&nbsp;F8&nbsp;DC</code>||<code>255&nbsp;248&nbsp;220</code>

Riga 219:

! style="background:lightgrey" | <code>Decimal</code>

|-

| colspan="3" style="background:whitesmoke;text-align:left;"|{{big|'''GreenColori colorsverdi'''}}

|- style="background:darkolivegreen;color:white"

| <code>DarkOliveGreen</code> ||<code>55&nbsp;6B&nbsp;2F</code>||<code>&nbsp;85&nbsp;107&nbsp;&nbsp;47</code>

Riga 261:

| <code>DarkGreen</code> ||<code>00&nbsp;64&nbsp;00</code>||<code>&nbsp;&nbsp;0&nbsp;100&nbsp;&nbsp;&nbsp;0</code>

|-

| colspan="3" style="background:whitesmoke;text-align:left;"|{{big|'''CyanColori colorsturchesi'''}}

|- style="background:aqua;color:black"

| <code>Aqua</code> ||<code>00&nbsp;FF&nbsp;FF</code>||<code>&nbsp;&nbsp;0&nbsp;255&nbsp;255</code>

Riga 287:

| <code>Teal</code> ||<code>00&nbsp;80&nbsp;80</code>||<code>&nbsp;&nbsp;0&nbsp;128&nbsp;128</code>

|-

| colspan="3" style="background:whitesmoke;text-align:left;"|{{big|'''BlueColori colorsBlu'''}}

|- style="background:lightsteelblue;color:black"

| <code>LightSteelBlue</code> ||<code>B0&nbsp;C4&nbsp;DE</code>||<code>176&nbsp;196&nbsp;222</code>

Riga 328:

! style="background:lightgrey" | <code>Decimal</code>

|-

| colspan="3" style="background:whitesmoke;text-align:left;"|{{big|'''Purple,Colori violet,viola ande magenta colors'''}}

|- style="background:lavender;color:black"

| <code>Lavender</code> ||<code>E6&nbsp;E6&nbsp;FA</code>||<code>230&nbsp;230&nbsp;250</code>

Riga 366:

| <code>MediumSlateBlue</code> ||<code>7B&nbsp;68&nbsp;EE</code>||<code>123&nbsp;104&nbsp;238</code>

|-

| colspan="3" style="background:whitesmoke;text-align:left;"|{{big|'''WhiteColori colorsbianchi'''}}

|- style="background:white;color:black"

| <code>White</code> ||<code>FF&nbsp;FF&nbsp;FF</code>||<code>255&nbsp;255&nbsp;255</code>

Riga 402:

| <code>MistyRose</code> ||<code>FF&nbsp;E4&nbsp;E1</code>||<code>255&nbsp;228&nbsp;225</code>

|-

| colspan="3" style="background:whitesmoke;text-align:left;"|{{big|'''GrayColori andgrigi blacke colorsneri'''}}

|- style="background:gainsboro;color:black"

| <code>Gainsboro</code> ||<code>DC&nbsp;DC&nbsp;DC</code>||<code>220&nbsp;220&nbsp;220</code>

Riga 430:

== Voci correlate ==

*[[Computer grafica]]

*[[Profondità di colore]]

*[[Rappresentazione dei colori]]

Riga 435 ⟶ 436:

== Altri progetti ==

{{interprogetto|commons=Category:Color palettes}}

== Collegamenti esterni ==

* {{FOLDOC|colour palette|colour palette}}

{{portale|informatica}}

[[Categoria:Colori]]