Tavolozza (informatica): differenze tra le versioni

Contenuto cancellato Contenuto aggiunto
mNessun oggetto della modifica
Fronii (discussione | contributi)
m Aspetti tecnici- RGB: Corretto titoletto.
Etichette: Modifica da mobile Modifica da applicazione mobile Modifica da applicazione Android App section source
 
(40 versioni intermedie di 28 utenti non mostrate)
Riga 1:
{{U|Tavolozza di sistema|informatica|gennaio 2024}}
Nella [[computer grafica]] la '''tavolozza''' ('''''palette''''' in [[Lingua inglese|inglese]]) è una [[Lista (informatica)|lista]] di [[Colore|colori]] scelti nell'insieme di tutti quelli disponibili.
Una '''tavolozza''' (in [[lingua inglese]] ''palette''), nella [[computer grafica]] 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>
Ogni colore della tavolozza è associato ad un ''indice'', cioè ad un [[numero ordinale (matematica)|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.
== Aspetti tecnici − RGB ==
Questi ultimi possono essere fissi, se determinati, ad esempio, dall'[[hardware]] utilizzato, oppure modificabili a seconda della fattispecie di un'immagine.
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.
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<sup>8</sup> = 256 colori. 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.
 
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 una gamma 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<sup>8</sup> = 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=https://www.w3schools.com/browsers/browsers_display.asp|titolo=Browser Display Statistics}}</ref>
 
==Esempi==
{{Colonne|auto}}
{|style="float:left;margin:0 2em;text-align:center" border="1"
{|class="wikitable"
!colspan="3"|Tavolozza CGA<br/>completa
!colspan="3"|Tavolozza [[Color Graphics Adapter|CGA]]<br />completa
|-
|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}}
 
{|class="wikitable"
{|style="float:left;margin:0 2em;text-align:center" border="1"
!colspan="3"|Tavolozza standard<br />di [[Microsoft Windows|Windows]]
|-
|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}}
<br clear="all"/>
[[File:Win16 Palette Map.png|thumb|75px|La tavolozza Win16.]]
{{Colonne fine}}
 
== Colori X11 ==
Oggi la maggior parte dei browser web supporta una gamma più ampia di colori, basati sull'elenco del protocollo di visualizzazione in rete [[X Window System core protocol|X11]], che contiene i 140 nomi illustrati. Anche in questo caso si può utilizzare in alternativa al nome, il valore espresso come hex triplet RGB.<ref name=":0" />
 
{|Style="font-size:90%" cellpadding="4"
|- style="vertical-align:top;"
|
{|Border="0"
|-
! style="background:lightgrey" rowspan=2 | [[HTML]] name
! style="background:lightgrey" colspan=2 | [[RGB color model|<code>R &nbsp; G &nbsp; B</code>]]
|-
! style="background:lightgrey" | [[Hexadecimal|<code>Hex</code>]]
! style="background:lightgrey" | <code>Decimal</code>
|-
| colspan="3" style="background:whitesmoke;text-align:left;"|'''Colori rosa'''
|- style="background:pink;color:black"
| <code>Pink</code> ||<code>FF&nbsp;C0&nbsp;CB</code>||<code>255&nbsp;192&nbsp;203</code>
|- style="background:lightpink;color:black"
| <code>LightPink</code> ||<code>FF&nbsp;B6&nbsp;C1</code>||<code>255&nbsp;182&nbsp;193</code>
|- style="background:hotpink;color:white"
| <code>HotPink</code> ||<code>FF&nbsp;69&nbsp;B4</code>||<code>255&nbsp;105&nbsp;180</code>
|- style="background:deeppink;color:white"
| <code>DeepPink</code> ||<code>FF&nbsp;14&nbsp;93</code>||<code>255&nbsp;&nbsp;20&nbsp;147</code>
|- style="background:palevioletred;color:white"
| <code>PaleVioletRed</code> ||<code>DB&nbsp;70&nbsp;93</code>||<code>219&nbsp;112&nbsp;147</code>
|- style="background:mediumvioletred;color:white"
| <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;"|'''Colori rossi'''
|- style="background:lightsalmon;color:black"
| <code>LightSalmon</code> ||<code>FF&nbsp;A0&nbsp;7A</code>||<code>255&nbsp;160&nbsp;122</code>
|- style="background:salmon;color:black"
| <code>Salmon</code> ||<code>FA&nbsp;80&nbsp;72</code>||<code>250&nbsp;128&nbsp;114</code>
|- style="background:darksalmon;color:black"
| <code>DarkSalmon</code> ||<code>E9&nbsp;96&nbsp;7A</code>||<code>233&nbsp;150&nbsp;122</code>
|- style="background:lightcoral;color:black"
| <code>LightCoral</code> ||<code>F0&nbsp;80&nbsp;80</code>||<code>240&nbsp;128&nbsp;128</code>
|- style="background:indianred;color:white"
| <code>IndianRed</code> ||<code>CD&nbsp;5C&nbsp;5C</code>||<code>205&nbsp;&nbsp;92&nbsp;&nbsp;92</code>
|- style="background:crimson;color:white;color:white"
| <code>Crimson</code> ||<code>DC&nbsp;14&nbsp;3C</code>||<code>220&nbsp;&nbsp;20&nbsp;&nbsp;60</code>
|- style="background:fireBrick;color:white"
| <code>FireBrick</code> ||<code>B2&nbsp;22&nbsp;22</code>||<code>178&nbsp;&nbsp;34&nbsp;&nbsp;34</code>
|- style="background:darkred;color:white"
| <code>DarkRed</code> ||<code>8B&nbsp;00&nbsp;00</code>||<code>139&nbsp;&nbsp;&nbsp;0&nbsp;&nbsp;&nbsp;0</code>
|- style="background:red;color:white"
| <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;"|'''Colori arancioni'''
|- 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>
|- style="background:tomato;color:white"
| <code>Tomato</code> ||<code>FF&nbsp;63&nbsp;47</code>||<code>255&nbsp;&nbsp;99&nbsp;&nbsp;71</code>
|- style="background:coral;color:black"
| <code>Coral</code> ||<code>FF&nbsp;7F&nbsp;50</code>||<code>255&nbsp;127&nbsp;&nbsp;80</code>
|- style="background:darkorange;color:black"
| <code>DarkOrange</code> ||<code>FF&nbsp;8C&nbsp;00</code>||<code>255&nbsp;140&nbsp;&nbsp;&nbsp;0</code>
|- style="background:orange;color:black"
| <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;"|'''Colori gialli'''
|- style="background:yellow;color:black"
| <code>Yellow</code> ||<code>FF&nbsp;FF&nbsp;00</code>||<code>255&nbsp;255&nbsp;&nbsp;&nbsp;0</code>
|- style="background:lightyellow;color:black"
| <code>LightYellow</code> ||<code>FF&nbsp;FF&nbsp;E0</code>||<code>255&nbsp;255&nbsp;224</code>
|- style="background:lemonchiffon;color:black"
| <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>
|- style="background:moccasin;color:black"
| <code>Moccasin</code> ||<code>FF&nbsp;E4&nbsp;B5</code>||<code>255&nbsp;228&nbsp;181</code>
|- style="background:peachpuff;color:black"
| <code>PeachPuff</code> ||<code>FF&nbsp;DA&nbsp;B9</code>||<code>255&nbsp;218&nbsp;185</code>
|- style="background:palegoldenrod;color:black"
| <code>PaleGoldenrod</code> ||<code>EE&nbsp;E8&nbsp;AA</code>||<code>238&nbsp;232&nbsp;170</code>
|- style="background:khaki;color:black"
| <code>Khaki</code> ||<code>F0&nbsp;E6&nbsp;8C</code>||<code>240&nbsp;230&nbsp;140</code>
|- style="background:darkkhaki;color:black"
| <code>DarkKhaki</code> ||<code>BD&nbsp;B7&nbsp;6B</code>||<code>189&nbsp;183&nbsp;107</code>
|- style="background:gold;color:black"
| <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;"|'''Colori marroni'''
|- style="background:cornsilk;color:black"
| <code>Cornsilk</code> ||<code>FF&nbsp;F8&nbsp;DC</code>||<code>255&nbsp;248&nbsp;220</code>
|- style="background:blanchedalmond;color:black"
| <code>BlanchedAlmond</code> ||<code>FF&nbsp;EB&nbsp;CD</code>||<code>255&nbsp;235&nbsp;205</code>
|- style="background:bisque;color:black"
| <code>Bisque</code> ||<code>FF&nbsp;E4&nbsp;C4</code>||<code>255&nbsp;228&nbsp;196</code>
|- style="background:navajowhite;color:black"
| <code>NavajoWhite</code> ||<code>FF&nbsp;DE&nbsp;AD</code>||<code>255&nbsp;222&nbsp;173</code>
|- style="background:wheat;color:black"
| <code>Wheat</code> ||<code>F5&nbsp;DE&nbsp;B3</code>||<code>245&nbsp;222&nbsp;179</code>
|- style="background:burlywood;color:black"
| <code>BurlyWood</code> ||<code>DE&nbsp;B8&nbsp;87</code>||<code>222&nbsp;184&nbsp;135</code>
|- style="background:tan;color:black"
| <code>Tan</code> ||<code>D2&nbsp;B4&nbsp;8C</code>||<code>210&nbsp;180&nbsp;140</code>
|- style="background:rosybrown;color:black"
| <code>RosyBrown</code> ||<code>BC&nbsp;8F&nbsp;8F</code>||<code>188&nbsp;143&nbsp;143</code>
|- style="background:sandybrown;color:black"
| <code>SandyBrown</code> ||<code>F4&nbsp;A4&nbsp;60</code>||<code>244&nbsp;164&nbsp;&nbsp;96</code>
|- style="background:goldenrod;color:black"
| <code>Goldenrod</code> ||<code>DA&nbsp;A5&nbsp;20</code>||<code>218&nbsp;165&nbsp;&nbsp;32</code>
|- style="background:darkgoldenrod;color:black"
| <code>DarkGoldenrod</code> ||<code>B8&nbsp;86&nbsp;0B</code>||<code>184&nbsp;134&nbsp;&nbsp;11</code>
|- style="background:Peru;color:black"
| <code>Peru</code> ||<code>CD&nbsp;85&nbsp;3F</code>||<code>205&nbsp;133&nbsp;&nbsp;63</code>
|- style="background:chocolate;color:white"
| <code>Chocolate</code> ||<code>D2&nbsp;69&nbsp;1E</code>||<code>210&nbsp;105&nbsp;&nbsp;30</code>
|- style="background:saddlebrown;color:white"
| <code>SaddleBrown</code> ||<code>8B&nbsp;45&nbsp;13</code>||<code>139&nbsp;&nbsp;69&nbsp;&nbsp;19</code>
|- style="background:sienna;color:white"
| <code>Sienna</code> ||<code>A0&nbsp;52&nbsp;2D</code>||<code>160&nbsp;&nbsp;82&nbsp;&nbsp;45</code>
|- style="background:brown;color:white"
| <code>Brown</code> ||<code>A5&nbsp;2A&nbsp;2A</code>||<code>165&nbsp;&nbsp;42&nbsp;&nbsp;42</code>
|- style="background:maroon;color:white"
| <code>Maroon</code> ||<code>80&nbsp;00&nbsp;00</code>||<code>128&nbsp;&nbsp;&nbsp;0&nbsp;&nbsp;&nbsp;0</code>
|}
|
{|
|-
! style="background:lightgrey" rowspan=2 | [[HTML]] name
! style="background:lightgrey" colspan=2 | [[RGB color model|<code>R &nbsp; G &nbsp; B</code>]]
|-
! style="background:lightgrey" | [[Hexadecimal|<code>Hex</code>]]
! style="background:lightgrey" | <code>Decimal</code>
|-
| colspan="3" style="background:whitesmoke;text-align:left;"|'''Colori verdi'''
|- style="background:darkolivegreen;color:white"
| <code>DarkOliveGreen</code> ||<code>55&nbsp;6B&nbsp;2F</code>||<code>&nbsp;85&nbsp;107&nbsp;&nbsp;47</code>
|- style="background:olive;color:white"
| <code>Olive</code> ||<code>80&nbsp;80&nbsp;00</code>||<code>128&nbsp;128&nbsp;&nbsp;&nbsp;0</code>
|- style="background:olivedrab;color:white"
| <code>OliveDrab</code> ||<code>6B&nbsp;8E&nbsp;23</code>||<code>107&nbsp;142&nbsp;&nbsp;35</code>
|- style="background:yellowgreen;color:black"
| <code>YellowGreen</code> ||<code>9A&nbsp;CD&nbsp;32</code>||<code>154&nbsp;205&nbsp;&nbsp;50</code>
|- style="background:limegreen;color:black"
| <code>LimeGreen</code> ||<code>32&nbsp;CD&nbsp;32</code>||<code>&nbsp;50&nbsp;205&nbsp;&nbsp;50</code>
|- style="background:lime;color:black"
| <code>Lime</code> ||<code>00&nbsp;FF&nbsp;00</code>||<code>&nbsp;&nbsp;0&nbsp;255&nbsp;&nbsp;&nbsp;0</code>
|- style="background:lawngreen;color:black"
| <code>LawnGreen</code> ||<code>7C&nbsp;FC&nbsp;00</code>||<code>124&nbsp;252&nbsp;&nbsp;&nbsp;0</code>
|- style="background:chartreuse;color:black"
| <code>Chartreuse</code> ||<code>7F&nbsp;FF&nbsp;00</code>||<code>127&nbsp;255&nbsp;&nbsp;&nbsp;0</code>
|- style="background:greenyellow;color:black"
| <code>GreenYellow</code> ||<code>AD&nbsp;FF&nbsp;2F</code>||<code>173&nbsp;255&nbsp;&nbsp;47</code>
|- style="background:springgreen;color:black"
| <code>SpringGreen</code> ||<code>00&nbsp;FF&nbsp;7F</code>||<code>&nbsp;&nbsp;0&nbsp;255&nbsp;127</code>
|- style="background:mediumspringgreen;color:black"
| <code>MediumSpringGreen</code> ||<code>00&nbsp;FA&nbsp;9A</code>||<code>&nbsp;&nbsp;0&nbsp;250&nbsp;154</code>
|- style="background:lightgreen;color:black"
| <code>LightGreen</code> ||<code>90&nbsp;EE&nbsp;90</code>||<code>144&nbsp;238&nbsp;144</code>
|- style="background:palegreen;color:black"
| <code>PaleGreen</code> ||<code>98&nbsp;FB&nbsp;98</code>||<code>152&nbsp;251&nbsp;152</code>
|- style="background:darkseagreen;color:black"
| <code>DarkSeaGreen</code> ||<code>8F&nbsp;BC&nbsp;8F</code>||<code>143&nbsp;188&nbsp;143</code>
|- style="background:mediumaquamarine;color:black"
| <code>MediumAquamarine</code> ||<code>66&nbsp;CD&nbsp;AA</code>||<code>102&nbsp;205&nbsp;170</code>
|- style="background:mediumseagreen;color:black"
| <code>MediumSeaGreen</code> ||<code>3C&nbsp;B3&nbsp;71</code>||<code>&nbsp;60&nbsp;179&nbsp;113</code>
|- style="background:seagreen;color:white"
| <code>SeaGreen</code> ||<code>2E&nbsp;8B&nbsp;57</code>||<code>&nbsp;46&nbsp;139&nbsp;&nbsp;87</code>
|- style="background:forestgreen;color:white"
| <code>ForestGreen</code> ||<code>22&nbsp;8B&nbsp;22</code>||<code>&nbsp;34&nbsp;139&nbsp;&nbsp;34</code>
|- style="background:green;color:white"
| <code>Green</code> ||<code>00&nbsp;80&nbsp;00</code>||<code>&nbsp;&nbsp;0&nbsp;128&nbsp;&nbsp;&nbsp;0</code>
|- style="background:darkgreen;color:white"
| <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;"|'''Colori turchesi'''
|- style="background:aqua;color:black"
| <code>Aqua</code> ||<code>00&nbsp;FF&nbsp;FF</code>||<code>&nbsp;&nbsp;0&nbsp;255&nbsp;255</code>
|- style="background:cyan;color:black"
| <code>Cyan</code> ||<code>00&nbsp;FF&nbsp;FF</code>||<code>&nbsp;&nbsp;0&nbsp;255&nbsp;255</code>
|- style="background:lightcyan;color:black"
| <code>LightCyan</code> ||<code>E0&nbsp;FF&nbsp;FF</code>||<code>224&nbsp;255&nbsp;255</code>
|- style="background:paleturquoise;color:black"
| <code>PaleTurquoise</code> ||<code>AF&nbsp;EE&nbsp;EE</code>||<code>175&nbsp;238&nbsp;238</code>
|- style="background:aquamarine;color:black"
| <code>Aquamarine</code> ||<code>7F&nbsp;FF&nbsp;D4</code>||<code>127&nbsp;255&nbsp;212</code>
|- style="background:turquoise;color:black"
| <code>Turquoise</code> ||<code>40&nbsp;E0&nbsp;D0</code>||<code>&nbsp;64&nbsp;224&nbsp;208</code>
|- style="background:mediumturquoise;color:black"
| <code>MediumTurquoise</code> ||<code>48&nbsp;D1&nbsp;CC</code>||<code>&nbsp;72&nbsp;209&nbsp;204</code>
|- style="background:darkturquoise;color:black"
| <code>DarkTurquoise</code> ||<code>00&nbsp;CE&nbsp;D1</code>||<code>&nbsp;&nbsp;0&nbsp;206&nbsp;209</code>
|- style="background:lightseagreen;color:black"
| <code>LightSeaGreen</code> ||<code>20&nbsp;B2&nbsp;AA</code>||<code>&nbsp;32&nbsp;178&nbsp;170</code>
|- style="background:cadetblue;color:white"
| <code>CadetBlue</code> ||<code>5F&nbsp;9E&nbsp;A0</code>||<code>&nbsp;95&nbsp;158&nbsp;160</code>
|- style="background:darkcyan;color:white"
| <code>DarkCyan</code> ||<code>00&nbsp;8B&nbsp;8B</code>||<code>&nbsp;&nbsp;0&nbsp;139&nbsp;139</code>
|- style="background:teal;color:white"
| <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;"|'''Colori Blu'''
|- style="background:lightsteelblue;color:black"
| <code>LightSteelBlue</code> ||<code>B0&nbsp;C4&nbsp;DE</code>||<code>176&nbsp;196&nbsp;222</code>
|- style="background:powderblue;color:black"
| <code>PowderBlue</code> ||<code>B0&nbsp;E0&nbsp;E6</code>||<code>176&nbsp;224&nbsp;230</code>
|- style="background:lightblue;color:black"
| <code>LightBlue</code> ||<code>AD&nbsp;D8&nbsp;E6</code>||<code>173&nbsp;216&nbsp;230</code>
|- style="background:skyblue;color:black"
| <code>SkyBlue</code> ||<code>87&nbsp;CE&nbsp;EB</code>||<code>135&nbsp;206&nbsp;235</code>
|- style="background:lightskyblue;color:black"
| <code>LightSkyBlue</code> ||<code>87&nbsp;CE&nbsp;FA</code>||<code>135&nbsp;206&nbsp;250</code>
|- style="background:deepskyblue;color:black"
| <code>DeepSkyBlue</code> ||<code>00&nbsp;BF&nbsp;FF</code>||<code>&nbsp;&nbsp;0&nbsp;191&nbsp;255</code>
|- style="background:dodgerblue;color:black"
| <code>DodgerBlue</code> ||<code>1E&nbsp;90&nbsp;FF</code>||<code>&nbsp;30&nbsp;144&nbsp;255</code>
|- style="background:cornflowerblue;color:black"
| <code>CornflowerBlue</code> ||<code>64&nbsp;95&nbsp;ED</code>||<code>100&nbsp;149&nbsp;237</code>
|- style="background:steelblue;color:white"
| <code>SteelBlue</code> ||<code>46&nbsp;82&nbsp;B4</code>||<code>&nbsp;70&nbsp;130&nbsp;180</code>
|- style="background:royalblue;color:white"
| <code>RoyalBlue</code> ||<code>41&nbsp;69&nbsp;E1</code>||<code>&nbsp;65&nbsp;105&nbsp;225</code>
|- style="background:blue;color:white"
| <code>Blue</code> ||<code>00&nbsp;00&nbsp;FF</code>||<code>&nbsp;&nbsp;0&nbsp;&nbsp;&nbsp;0&nbsp;255</code>
|- style="background:mediumblue;color:white"
| <code>MediumBlue</code> ||<code>00&nbsp;00&nbsp;CD</code>||<code>&nbsp;&nbsp;0&nbsp;&nbsp;&nbsp;0&nbsp;205</code>
|- style="background:darkblue;color:white"
| <code>DarkBlue</code> ||<code>00&nbsp;00&nbsp;8B</code>||<code>&nbsp;&nbsp;0&nbsp;&nbsp;&nbsp;0&nbsp;139</code>
|- style="background:navy;color:white"
| <code>Navy</code> ||<code>00&nbsp;00&nbsp;80</code>||<code>&nbsp;&nbsp;0&nbsp;&nbsp;&nbsp;0&nbsp;128</code>
|- style="background:midnightblue;color:white"
| <code>MidnightBlue</code> ||<code>19&nbsp;19&nbsp;70</code>||<code>&nbsp;25&nbsp;&nbsp;25&nbsp;112</code>
|}
|
{|
|-
! style="background:lightgrey" rowspan=2 | [[HTML]] name
! style="background:lightgrey" colspan=2 | [[RGB color model|<code>R &nbsp; G &nbsp; B</code>]]
|-
! style="background:lightgrey" | [[Hexadecimal|<code>Hex</code>]]
! style="background:lightgrey" | <code>Decimal</code>
|-
| colspan="3" style="background:whitesmoke;text-align:left;"|'''Colori viola e magenta'''
|- style="background:lavender;color:black"
| <code>Lavender</code> ||<code>E6&nbsp;E6&nbsp;FA</code>||<code>230&nbsp;230&nbsp;250</code>
|- style="background:thistle;color:black"
| <code>Thistle</code> ||<code>D8&nbsp;BF&nbsp;D8</code>||<code>216&nbsp;191&nbsp;216</code>
|- style="background:plum;color:black"
| <code>Plum</code> ||<code>DD&nbsp;A0&nbsp;DD</code>||<code>221&nbsp;160&nbsp;221</code>
|- style="background:violet;color:black"
| <code>Violet</code> ||<code>EE&nbsp;82&nbsp;EE</code>||<code>238&nbsp;130&nbsp;238</code>
|- style="background:orchid;color:black"
| <code>Orchid</code> ||<code>DA&nbsp;70&nbsp;D6</code>||<code>218&nbsp;112&nbsp;214</code>
|- style="background:fuchsia;color:black"
| <code>Fuchsia</code> ||<code>FF&nbsp;00&nbsp;FF</code>||<code>255&nbsp;&nbsp;&nbsp;0&nbsp;255</code>
|- style="background:Magenta;color:black"
| <code>Magenta</code> ||<code>FF&nbsp;00&nbsp;FF</code>||<code>255&nbsp;&nbsp;&nbsp;0&nbsp;255</code>
|- style="background:mediumorchid;color:white"
| <code>MediumOrchid</code> ||<code>BA&nbsp;55&nbsp;D3</code>||<code>186&nbsp;&nbsp;85&nbsp;211</code>
|- style="background:mediumpurple;color:white"
| <code>MediumPurple</code> ||<code>93&nbsp;70&nbsp;DB</code>||<code>147&nbsp;112&nbsp;219</code>
|- style="background:blueviolet;color:white"
| <code>BlueViolet</code> ||<code>8A&nbsp;2B&nbsp;E2</code>||<code>138&nbsp;&nbsp;43&nbsp;226</code>
|- style="background:darkviolet;color:white"
| <code>DarkViolet</code> ||<code>94&nbsp;00&nbsp;D3</code>||<code>148&nbsp;&nbsp;&nbsp;0&nbsp;211</code>
|- style="background:darkorchid;color:white"
| <code>DarkOrchid</code> ||<code>99&nbsp;32&nbsp;CC</code>||<code>153&nbsp;&nbsp;50&nbsp;204</code>
|- style="background:darkmagenta;color:white"
| <code>DarkMagenta</code> ||<code>8B&nbsp;00&nbsp;8B</code>||<code>139&nbsp;&nbsp;&nbsp;0&nbsp;139</code>
|- style="background:purple;color:white"
| <code>Purple</code> ||<code>80&nbsp;00&nbsp;80</code>||<code>128&nbsp;&nbsp;&nbsp;0&nbsp;128</code>
|- style="background:indigo;color:white"
| <code>Indigo</code> ||<code>4B&nbsp;00&nbsp;82</code>||<code>&nbsp;75&nbsp;&nbsp;&nbsp;0&nbsp;130</code>
|- style="background:darkslateblue;color:white"
| <code>DarkSlateBlue</code> ||<code>48&nbsp;3D&nbsp;8B</code>||<code>&nbsp;72&nbsp;&nbsp;61&nbsp;139</code>
|- style="background:slateblue;color:white"
| <code>SlateBlue</code> ||<code>6A&nbsp;5A&nbsp;CD</code>||<code>106&nbsp;&nbsp;90&nbsp;205</code>
|- style="background:mediumslateblue;color:white"
| <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;"|'''Colori bianchi'''
|- style="background:white;color:black"
| <code>White</code> ||<code>FF&nbsp;FF&nbsp;FF</code>||<code>255&nbsp;255&nbsp;255</code>
|- style="background:snow;color:black"
| <code>Snow</code> ||<code>FF&nbsp;FA&nbsp;FA</code>||<code>255&nbsp;250&nbsp;250</code>
|- style="background:honeydew;color:black"
| <code>Honeydew</code> ||<code>F0&nbsp;FF&nbsp;F0</code>||<code>240&nbsp;255&nbsp;240</code>
|- style="background:mintcream;color:black"
| <code>MintCream</code> ||<code>F5&nbsp;FF&nbsp;FA</code>||<code>245&nbsp;255&nbsp;250</code>
|- style="background:azure;color:black"
| <code>Azure</code> ||<code>F0&nbsp;FF&nbsp;FF</code>||<code>240&nbsp;255&nbsp;255</code>
|- style="background:aliceblue;color:black"
| <code>AliceBlue</code> ||<code>F0&nbsp;F8&nbsp;FF</code>||<code>240&nbsp;248&nbsp;255</code>
|- style="background:ghostwhite;color:black"
| <code>GhostWhite</code> ||<code>F8&nbsp;F8&nbsp;FF</code>||<code>248&nbsp;248&nbsp;255</code>
|- style="background:whitesmoke;color:black"
| <code>WhiteSmoke</code> ||<code>F5&nbsp;F5&nbsp;F5</code>||<code>245&nbsp;245&nbsp;245</code>
|- style="background:seashell;color:black"
| <code>Seashell</code> ||<code>FF&nbsp;F5&nbsp;EE</code>||<code>255&nbsp;245&nbsp;238</code>
|- style="background:beige;color:black"
| <code>Beige</code> ||<code>F5&nbsp;F5&nbsp;DC</code>||<code>245&nbsp;245&nbsp;220</code>
|- style="background:oldlace;color:black"
| <code>OldLace</code> ||<code>FD&nbsp;F5&nbsp;E6</code>||<code>253&nbsp;245&nbsp;230</code>
|- style="background:floralwhite;color:black"
| <code>FloralWhite</code> ||<code>FF&nbsp;FA&nbsp;F0</code>||<code>255&nbsp;250&nbsp;240</code>
|- style="background:ivory;color:black"
| <code>Ivory</code> ||<code>FF&nbsp;FF&nbsp;F0</code>||<code>255&nbsp;255&nbsp;240</code>
|- style="background:antiquewhite;color:black"
| <code>AntiqueWhite</code> ||<code>FA&nbsp;EB&nbsp;D7</code>||<code>250&nbsp;235&nbsp;215</code>
|- style="background:linen;color:black"
| <code>Linen</code> ||<code>FA&nbsp;F0&nbsp;E6</code>||<code>250&nbsp;240&nbsp;230</code>
|- style="background:lavenderblush;color:black"
| <code>LavenderBlush</code> ||<code>FF&nbsp;F0&nbsp;F5</code>||<code>255&nbsp;240&nbsp;245</code>
|- style="background:mistyrose;color:black"
| <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;"|'''Colori grigi e neri'''
|- style="background:gainsboro;color:black"
| <code>Gainsboro</code> ||<code>DC&nbsp;DC&nbsp;DC</code>||<code>220&nbsp;220&nbsp;220</code>
|- style="background:lightgray; color:black;"
| <code>LightGray</code> ||<code>D3&nbsp;D3&nbsp;D3</code>||<code>211&nbsp;211&nbsp;211</code>
|- style="background:silver;color:black"
| <code>Silver</code> ||<code>C0&nbsp;C0&nbsp;C0</code>||<code>192&nbsp;192&nbsp;192</code>
|- style="background:darkgray; color:black;"
| <code>DarkGray</code> ||<code>A9&nbsp;A9&nbsp;A9</code>||<code>169&nbsp;169&nbsp;169</code>
|- style="background:gray;color:white"
| <code>Gray</code> ||<code>80&nbsp;80&nbsp;80</code>||<code>128&nbsp;128&nbsp;128</code>
|- style="background:dimgray; color:white;"
| <code>DimGray</code> ||<code>69&nbsp;69&nbsp;69</code>||<code>105&nbsp;105&nbsp;105</code>
|- style="background:lightslategray; color:white;"
| <code>LightSlateGray</code> ||<code>77&nbsp;88&nbsp;99</code>||<code>119&nbsp;136&nbsp;153</code>
|- style="background:slategray; color:white;"
| <code>SlateGray</code> ||<code>70&nbsp;80&nbsp;90</code>||<code>112&nbsp;128&nbsp;144</code>
|- style="background:darkslategray; color:white;"
| <code>DarkSlateGray</code> ||<code>2F&nbsp;4F&nbsp;4F</code>||<code>&nbsp;47&nbsp;&nbsp;79&nbsp;&nbsp;79</code>
|- style="background:black;color:white"
| <code>Black</code> ||<code>00&nbsp;00&nbsp;00</code>||<code>&nbsp;&nbsp;0&nbsp;&nbsp;&nbsp;0&nbsp;&nbsp;&nbsp;0</code>
|}
|}
 
== Note ==
<references />
 
== Voci correlate ==
*[[Computer grafica]]
*[[Profondità di colore]]
*[[Rappresentazione dei colori]]
*[[Tavolozza di sistema]]
 
== Altri progetti ==
{{interprogetto}}
 
== Collegamenti esterni ==
* {{FOLDOC|colour palette|colour palette}}
 
{{portale|informatica}}
 
[[Categoria:Colori]]
[[Categoria:Computer grafica]]
 
[[cs:Barevná paleta]]
[[de:Farbpalette (Computer)]]
[[en:Palette (computing)]]
[[es:Paleta (computación)]]
[[fr:Palette couleurs]]