Aiuto:Colori: differenze tra le versioni

sostituisco {{cat}} con Categoria
Nessun oggetto della modifica
(sostituisco {{cat}} con Categoria)
 
(30 versioni intermedie di 18 utenti non mostrate)
Riga 8:
Volendo potete copiare i colori dagli esempi più sotto, ma se volete imparare ad usarli meglio leggere questa guida.
==Basi==
Questo sistema di colori (come avrete capito) è formato da # e da 6 cifre. Queste 6 cifre si dividono in tre parti ('''#<font style="color: {{Colore|#ff0000">FF0000|12</font><font style="color: }}{{Colore|#00ff00">00FF00|34</font><font style="color: }}{{Colore|#0000ff">0000FF|56</font>}}'''):
*La prima coppia controlla la quantità di <font style="color: {{Colore|#ff0000">FF0000|'''rosso'''</font>}}.
*La seconda coppia controlla il <font style="color: {{Colore|#00ff00">00FF00|'''verde'''</font>}}.
*La terza coppia controlla il <font style="color: {{Colore|#0000ff">0000FF|'''blu'''</font>}}.
 
Modificando queste cifre potrai decidere la quantità di rosso, verde o blu da mettere nel colore.
 
Sai come funzionano i numeri esadecimali? No? Bene, allora te lo spieghiamo noi. Le cifre vanno da 0 a 9 e poi dalla ''aA'' fino alla ''fF''. Se metti 0 vuole dire che la quantità di colore è nulla e se metti ''fF'' vuole dire che la quantità è massima. La ''aA'' viene subito dopo il 9.
 
IMPORTANTE: La tavolazza di colori che si usa nei computer NON è la stessa delle tempere che hai usato a scuola. Infatti nei computer <font style="color: {{Colore|#ff0000">FF0000|'''rosso'''</font>}}+<font style="color: {{Colore|#00ff00">00FF00|'''verde'''</font>}}=<font style="color: {{Colore|#ffff00">FFFF00|'''giallo'''</font>}}, <font style="color: {{Colore|#ff0000">FF0000|'''rosso'''</font>}}+<font style="color: {{Colore|#0000ff">0000FF|'''blu'''</font>}}=<font style="color: {{Colore|#ff00ff">FF00FF|'''rosa'''</font>}}, <font style="color: {{Colore|#00ff00">00FF00|'''verde'''</font>}}+<font style="color: {{Colore|#0000ff">0000FF|'''blu'''</font>}}=<font style="color: {{Colore|#00ffff">00FFFF|'''turchese'''</font>}}.
 
Infatti nei computer si usa la tavolazza [http://it.wikipedia.org/wiki/RGB RGB], mentre a visiva si usa la tavolazza [http://it.wikipedia.org/wiki/CMYK CMYK] (quella con ciano, magenta, giallo e nero, per chi bigiava Educazione Artistica alle medie).
 
==Chiaro e scuro==
Per modificare la luminosità dei colori bisogna ricordarsi un fatto; se i colori del codice esadecimale sono tutti al massimo (#ffffffFFFFFF) si ottiene il bianco, mentre se sono nulli (#000000) si ottiene il nero. Quindi (al contrario della tavolazza classica) nei computer il bianco è il colore positivo, mentre il nero è quello negativo.
 
Quindi, in ogni caso, se la quantità di rosso, di verde e di blu sono le stesse, avrai sempre una gradiazionegradazione di grigio.
 
Per cambiare la luminosità di un colore devi quindi fare in modo che le cifre si avvicinano di più al nero (#000000) se vuoi che il colore sia più scuro o al bianco (#ffffffFFFFFF) se vuoi che il colore sia più chiaro.
 
Quindi se vuoi fare un rosso (#ff0000FF0000) più chiaro (visto che la parte del rosso è al massimo), devi modificare il verde e il blu. Quindi se metti #ff6666FF6666 otterrai un colore come <font style="color: {{Colore|#ff6666">|'''questo'''</font>}}. Se invece vuoi un rosso più scuro devi togliere un po' di rosso al codice. Quindi se metti #990000 otterrai un colore come <font style="color: {{Colore|#990000">|'''questo'''</font>}}.
 
==Più sfumature==
Ora voi vi chiederete: ma se è così non è più facile controllare solo tre cifre, una per il rosso, una per il verde, e una per il blu?
 
Bella domanda. Infatti puoi anche semplificarti la vita controllando solo tre cifre, quindi se metti #ff0000FF0000 oppure #f00F00 non cambia niente. Ma se usi tutte sei puoi avere molte più sfumature. Per fare questo devi cambiare la seconda cifra per ogni coppia (la meno importante).
 
Facciamo ancora l'esempio con il rosso, se fai #ff0000FF0000 avrai il <font style="color: {{Colore|#ff0000">|'''rosso puro'''</font>}}. ma se fai #f00000F00000 avrai un <font style="color: {{Colore|#f00000">F00000|'''rosso un pelo più scuro'''</font>}}.
Per fare questo devi cambiare la seconda cifra per ogni coppia (la meno importante)
 
Facciamo ancora l'esempio con il rosso, se fai #ff0000 avrai il <font style="color: #ff0000">'''rosso puro'''</font>. ma se fai #f00000 avrai un <font style="color: #f00000">'''rosso un pelo più scuro'''</font>.
 
Tieni presente che se usi la combinazione di tre cifre avrai in tutto 3375 combinazioni di colori. Se usi tutte sei le cifre potrai usare ben 11390625 diverse sfumature. Altro che la solita scatola di pastelli da 36 pezzi...
Line 43 ⟶ 41:
=Esempi=
Qui ci sono diversi esempi di colori che potete usare per capire meglio la guida o per saltarla del tutto.
==GradiazioniGradazioni di grigio==
*<fontspan style="color: #000000; background color:#000000;">'''Nero'''</fontspan> #000000
*<fontspan style="color: #333333; background color:#000000;">'''Grigio molto scuro'''</fontspan> #333333
*<fontspan style="color: #666666; background color:#000000;">'''Grigio scuro'''</fontspan> #666666
*<fontspan style="color: #999999; background color:#000000;">'''Grigio metallo'''</fontspan> #999999
*<fontspan style="color: #bcbcbcBCBCBC; background color:#000000;">'''Grigio finestra di windows'''</fontspan> #bcbcbcBCBCBC
*<fontspan style="color: #C8C8C8; background color:#000000;">'''Grigio chiaro'''</fontspan> #C8C8C8
*<fontspan style="color: #ffffffFFFFFF; background color:#000000;">'''Bianco'''</fontspan> #ffffffFFFFFF
 
==GradiazioniGradazioni di giallo e arancione==
*<fontspan style="color: #ffff00; background color:#000000;">'''Giallo'''</fontspan> #ffff00FFFF00
*<fontspan style="color: #ffee00; background color:#000000;">'''Giallino'''</fontspan> #ffee00FFEE00
*<fontspan style="color: #ff9900; background color:#000000;">'''Arancione chiaro'''</fontspan> #ff9900FF9900
*<fontspan style="color: #ff6600; background color:#000000;">'''Arancione scuro'''</fontspan> #ff6600FF6600
*<fontspan style="color: #ffff99; background color:#000000;">'''Giallo sbiadito'''</fontspan> #ffff99FFFF99
*<fontspan style="color: #ffcc99; background color:#000000;">'''Color pelle/color pesca'''</fontspan> #ffcc99FFCC99
==Gradiazioni di rosso==
*<font style="color: #ff0000; background color:#000000;">'''Rosso'''</font> #ff0000
*<font style="color: #dd3300; background color:#000000;">'''Color ruggine'''</font> #dd3300
*<font style="color: #cc3366; background color:#000000;">'''Rosso lampone'''</font> #cc3366
*<font style="color: #ff00ff; background color:#000000;">'''Rosa fuchsia'''</font> #ff00ff
*<font style="color: #ff99ff; background color:#000000;">'''Rosa chiaro'''</font> #ff99ff
*<font style="color: #cc00cc; background color:#000000;">'''Violetto'''</font> #cc00cc
*<font style="color: #990099; background color:#000000;">'''Viola'''</font> #990099
 
==GradiazioniGradazioni di blurosso==
*<fontspan style="color: #0000ffff0000; background color:#000000;">'''BluRosso'''</fontspan> #0000ffFF0000
*<fontspan style="color: #0000cddd3300; background color:#000000;">'''BluColor elettricoruggine'''</fontspan> #0000cdDD3300
*<fontspan style="color: #000099cc3366; background color:#000000;">'''BluRosso scurolampone'''</fontspan> #000099CC3366
*<fontspan style="color: #000044ff00ff; background color:#000000;">'''BluRosa scurissimofucsia'''</fontspan> #000044FF00FF
*<fontspan style="color: #3000D0ff99ff; background color:#000000;">'''BluRosa leggermente violaceochiaro'''</fontspan> #3000D0FF99FF
*<fontspan style="color: #660099cc00cc; background color:#000000;">'''Blu violaceoVioletto'''</fontspan> #660099CC00CC
*<fontspan style="color: #009999990099; background color:#000000;">'''Blu marinoViola'''</fontspan> #009999990099
*<font style="color: #00ffff; background color:#000000;">'''Turchese'''</font> #00ffff
*<font style="color: #99ffff; background color:#000000;">'''Celeste'''</font> #99ffff
 
==GradiazioniGradazioni di verdeblu==
*<fontspan style="color: #00cc000000FF; background color:#000000;">'''VerdeBlu'''</fontspan> #00cc000000FF
*<fontspan style="color: #00ff000000CD; background color:#000000;">'''VerdeBlu chiaroelettrico'''</fontspan> #00ff000000CD
*<fontspan style="color: #009900000099; background color:#000000;">'''VerdeBlu scuro'''</fontspan> #009900000099
*<fontspan style="color: #ccff00000044; background color:#000000;">'''VerdeBlu limonescurissimo'''</fontspan> #ccff00000044
*<fontspan style="color: #cccc003000D0; background color:#000000;">'''VerdeBlu marcioleggermente violaceo'''</fontspan> #cccc003000D0
*<fontspan style="color: #999900660099; background color:#000000;">'''VerdeBlu oliva o marcio scuroviolaceo'''</fontspan> #999900660099
*<fontspan style="color: #99ff99009999; background color:#000000;">'''VerdeBlu pastellomarino'''</fontspan> #99ff99009999
*<fontspan style="color: #ff00ff00FFFF; background color:#000000;">'''Rosa fuchsiaTurchese'''</fontspan> #ff00ff00FFFF
*<fontspan style="color: #cc00cc99FFFF; background color:#000000;">'''ViolettoCeleste'''</fontspan> #cc00cc99FFFF
 
==GradiazioniGradazioni di marroneverde==
*<fontspan style="color: #99330000cc00; background color:#000000;">'''MarroneVerde'''</fontspan> #99330000CC00
*<fontspan style="color: #cc660000ff00; background color:#000000;">'''MarroneVerde chiaro'''</fontspan> #cc660000FF00
*<fontspan style="color: #660000009900; background color:#000000;">'''MarroneVerde scuro'''</fontspan> #660000009900
*<fontspan style="color: #cc3300ccff00; background color:#000000;">'''TerraVerde bruciatalimone'''</fontspan> #cc3300CCFF00
*<fontspan style="color: #b68437cccc00; background color:#000000;">'''MerdaVerde marcio'''</fontspan> #b68437CCCC00
*<fontspan style="color: #99ffff999900; background color:#000000;">'''CelesteVerde oliva o marcio scuro'''</fontspan> #99ffff999900
*<fontspan style="color: #dd330099ff99; background color:#000000;">'''ColorVerde rugginepastello'''</fontspan> #dd330099FF99
 
==Gradazioni di marrone==
*<fontspan style="color: #990099993300; background color:#000000;">'''ViolaMarrone'''</fontspan> #990099993300
*<fontspan style="color: #ff99ffCC6600; background color:#000000;">'''RosaMarrone chiaro'''</fontspan> #ff99ffCC6600
*<fontspan style="color: #00ffff660000; background color:#000000;">'''TurcheseMarrone scuro'''</fontspan> #00ffff660000
*<fontspan style="color: #cc3366CC3300; background color:#000000;">'''RossoTerra lamponebruciata'''</fontspan> #cc3366CC3300
*<fontspan style="color: #ff0000B68437; background color:#000000;">'''RossoMerda'''</fontspan> #ff0000B68437
 
=Nomi=
{{inrestauro}}
Se non capisci niente di grafica, puoi sempre inserire a lettere il nome del colore in inglese al posto del codice esadecimale. Ma bisogna ricordarsi di '''NON mettere il cancelletto #'''. Ecco una tabella con i nomi copiata da wikipedia:
{| class="wikitable" style="font-size:90%; width:70%; text-align: center;"
|-
!style="width: 8%;"|Nome
!style="width: 17%;"|Colore
!style="width: 8%;"|Nome
!style="width: 17%;"|Colore
!style="width: 8%;"|Nome
!style="width: 17%;"|Colore
!style="width: 8%;"|Nome
!style="width: 17%;"|Colore
|-
||indianred
 
|align="center" width=17% style="background-color:#cd5c5cCD5C5C; color:#ffffffFFFFFF; font-family:monospace;"|indianred#CD5C5C
||darksalmon
|align="center" width=17% style="background:#e9967a; color:#ffffff; font-family:monospace;"|darksalmon
|align="center" width=17% style="background-color:#f08080E9967A; color:#ffffffFFFFFF; font-family:monospace;"|lightcoral#E9967A
||lightcoral
|align="center" width=17% style="background:#fa8072; color:#ffffff; font-family:monospace;"|salmon
|align="center" width=17% style="background-color:#e9967aF08080; color:#ffffffFFFFFF; font-family:monospace;"|darksalmon#F08080
||salmon
|align="center" width=17% style="background-color:#fa8072FA8072; color:#ffffffFFFFFF; font-family:monospace;"|salmon#FA8072
|-
|align="center" width=08%|orangered
|align="center" width=17% style="background-color:#ff4500FF4500; color:#ffffffFFFFFF; font-family:monospace;"|#ff4500FF4500
||red
|align="center" width=08%|red
|align="center" width=17% style="background-color:#ff0000FF0000; color:#ffffffFFFFFF; font-family:monospace;"|#ff0000FF0000
|align="center" width=08%|crimson
|align="center" width=17% style="background-color:#dc143cDC143C; color:#ffffffFFFFFF; font-family:monospace;"|#dc143cDC143C
|align="center" width=08%|firebrick
|align="center" width=17% style="background-color:#b22222B22222; color:#ffffffFFFFFF; font-family:monospace;"|#b22222B22222
|-
|align="center" width=08%|darkred
|align="center" width=17% style="background-color:#8b00008B0000; color:#ffffffFFFFFF; font-family:monospace;"|#8b00008B0000
|align="center" width=08%|mediumvioletred
|align="center" width=17% style="background-color:#c71585C71585; color:#ffffffFFFFFF; font-family:monospace;"|#c71585C71585
||pink
|align="center" width=08%|pink
|align="center" width=17% style="background-color:#ffc0cbFFC0CB; font-family:monospace;"|#ffc0cbFFC0CB
|align="center" width=08%|lightpink
|align="center" width=17% style="background-color:#ffb6c1FFB6C1; font-family:monospace;"|#ffb6c1FFB6C1
|-
|align="center" width=08%|hotpink
|align="center" width=17% style="background-color:#ff69b4FF69B4; font-family:monospace;"|#ff69b4FF69B4
|align="center" width=08%|deeppink
|align="center" width=17% style="background-color:#ff1493FF1493; font-family:monospace;"|#ff1493FF1493
|align="center" width=08%|palevioletred
|align="center" width=17% style="background-color:#db7093DB7093; font-family:monospace;"|#db7093DB7093
|align="center" width=08%|darkkhaki
|align="center" width=17% style="background-color:#bdb76bBDB76B; font-family:monospace;"|#bdb76bBDB76B
|-
|align="center" width=08%|khaki
|align="center" width=17% style="background-color:#f0e68cF0E68C; font-family:monospace;"|#f0e68cF0E68C
|align="center" width=08%|palegoldenrod
|align="center" width=17% style="background-color:#eee8aaEEE8AA; font-family:monospace;"|#eee8aaEEE8AA
|align="center" width=08%|lightgoldenrodyellow
|align="center" width=17% style="background-color:#fafad2FAFAD2; font-family:monospace;"|#fafad2FAFAD2
|align="center" width=08%|lightyellow
|align="center" width=17% style="background-color:#ffffe0FFFFE0; font-family:monospace;"|#ffffe0FFFFE0
|-
|align="center" width=08%|lemonchiffon
|align="center" width=17% style="background-color:#fffacdFFFACD; font-family:monospace;"|#fffacdFFFACD
|align="center" width=08%|yellow
|align="center" width=17% style="background-color:#ffff00FFFF00; font-family:monospace;"|#ffff00FFFF00
||gold
|align="center" width=08%|gold
|align="center" width=17% style="background-color:#ffd700FFD700; font-family:monospace;"|#ffd700FFD700
|align="center" width=08%|papayawhip
|align="center" width=17% style="background-color:#ffefd5FFEFD5; font-family:monospace;"|#ffefd5FFEFD5
|-
|align="center" width=08%|moccasin
|align="center" width=17% style="background-color:#ffe4b5FFE4B5; font-family:monospace;"|#ffe4b5FFE4B5
|align="center" width=08%|peachpuff
|align="center" width=17% style="background-color:#ffdab9FFDAB9; font-family:monospace;"|#ffdab9FFDAB9
||cyan
|align="center" width=08%|cyan
|align="center" width=17% style="background-color:#00ffff00FFFF; font-family:monospace;"|#00ffff00FFFF
||aqua
|align="center" width=08%|aqua
|align="center" width=17% style="background-color:#00ffff00FFFF; font-family:monospace;"|#00ffff00FFFF
|-
|align="center" width=08%|aquamarine
|align="center" width=17% style="background-color:#7fffd47FFFD4; font-family:monospace;"|#7fffd47FFFD4
|align="center" width=08%|turquoise
|align="center" width=17% style="background-color:#40e0d040E0D0; font-family:monospace;"|#40e0d040E0D0
|align="center" width=08%|mediumturquoise
|align="center" width=17% style="background-color:#48d1cc48D1CC; font-family:monospace;"|#48d1cc48D1CC
|align="center" width=08%|darkturquoise
|align="center" width=17% style="background-color:#00ced100CED1; font-family:monospace;"|#00ced100CED1
|-
|align="center" width=08%|cadetblue
|align="center" width=17% style="background-color:#5f9ea05F9EA0; color:#ffffffFFFFFF; font-family:monospace;"|#5f9ea05F9EA0
|align="center" width=08%|slategray
|align="center" width=17% style="background-color:#708090; color:#ffffffFFFFFF; font-family:monospace;"|#708090
|align="center" width=08%|lightcyan
|align="center" width=17% style="background-color:#e0ffffE0FFFF; font-family:monospace;"|#e0ffffE0FFFF
|align="center" width=08%|paleturquoise
|align="center" width=17% style="background-color:#afeeeeAFEEEE; font-family:monospace;"|#afeeeeAFEEEE
|-
|align="center" width=08%|powderblue
|align="center" width=17% style="background-color:#b0e0e6B0E0E6; font-family:monospace;"|#b0e0e6B0E0E6
|align="center" width=08%|lightsteelblue
|align="center" width=17% style="background-color:#b0c4deB0C4DE; font-family:monospace;"|#b0c4deB0C4DE
|align="center" width=08%|steelblue
|align="center" width=17% style="background-color:#4682b44682B4; color:#ffffffFFFFFF; font-family:monospace;"|#4682b44682B4
|align="center" width=08%|lightblue
|align="center" width=17% style="background-color:#add8e6ADD8E6; font-family:monospace;"|#add8e6ADD8E6
|-
|align="center" width=08%|skyblue
|align="center" width=17% style="background-color:#87ceeb87CEEB; font-family:monospace;"|#87ceeb87CEEB
|align="center" width=08%|lightskyblue
|align="center" width=17% style="background-color:#87cefa87CEFA; font-family:monospace;"|#87cefa87CEFA
|align="center" width=08%|deepskyblue
|align="center" width=17% style="background-color:#00bfff00BFFF; font-family:monospace;"|#00bfff00BFFF
|align="center" width=08%|cornflowerblue
|align="center" width=17% style="background-color:#6495ed6495ED; font-family:monospace;"|#6495ed6495ED
|-
|align="center" width=08%|royalblue
|align="center" width=17% style="background-color:#4169e14169E1; font-family:monospace;"|#4169e14169E1
|align="center" width=08%|mediumslateblue
|align="center" width=17% style="background-color:#7b68ee7B68EE; font-family:monospace;"|#7b68ee7B68EE
|align="center" width=08%|dodgerblue
|align="center" width=17% style="background-color:#1e90ff1E90FF; font-family:monospace;"|#1e90ff1E90FF
||blue
|align="center" width=08%|blue
|align="center" width=17% style="background-color:#0000ff0000FF; color:#ffffffFFFFFF; font-family:monospace;"|#0000ff0000FF
|-
|align="center" width=08%|mediumblue
|align="center" width=17% style="background-color:#0000cd0000CD; color:#ffffffFFFFFF; font-family:monospace;"|#0000cd0000CD
|align="center" width=08%|darkblue
|align="center" width=17% style="background-color:#00008b00008B; color:#ffffffFFFFFF; font-family:monospace;"|#00008b00008B
||navy
|align="center" width=08%|navy
|align="center" width=17% style="background-color:#000080; color:#ffffffFFFFFF; font-family:monospace;"|#000080
|align="center" width=08%|midnightblue
|align="center" width=17% style="background-color:#191970; color:#ffffffFFFFFF; font-family:monospace;"|#191970
|-
|align="center" width=08%|lightsalmon
|align="center" width=17% style="background-color:#ffa07aFFA07A; font-family:monospace;"|#ffa07aFFA07A
|align="center" width=08%|orange
|align="center" width=17% style="background-color:#ffa500FFA500; font-family:monospace;"|#ffa500FFA500
|align="center" width=08%|darkorange
|align="center" width=17% style="background-color:#ff8c00FF8C00; font-family:monospace;"|#ff8c00FF8C00
|align="center" width=08%|coral
|align="center" width=17% style="background-color:#ff7f50FF7F50; font-family:monospace;"|#ff7f50FF7F50
|-
|align="center" width=08%|tomato
|align="center" width=17% style="background-color:#ff6347FF6347; font-family:monospace;"|#ff6347FF6347
|align="center" width=08%|orangered
|align="center" width=17% style="background-color:#ff4500FF4500; font-family:monospace;"|#ff4500FF4500
|align="center" width=08%|aquamarine
|align="center" width=17% style="background-color:#7fffd47FFFAD4; font-family:monospace;"|#7fffd47FFFD4
|align="center" width=08%|mediumspringgreen
|align="center" width=17% style="background-color:#00fa9a00FA9A; font-family:monospace;"|#00fa9a00FA9A
|-
|align="center" width=08%|springgreen
|align="center" width=17% style="background-color:#00ff7f00FF7F; font-family:monospace;"|#00ff7f00FF7F
|align="center" width=08%|palegreen
|align="center" width=17% style="background-color:#98fb9898FB98; font-family:monospace;"|#98fb9898FB98
|align="center" width=08%|greenyellow
|align="center" width=17% style="background-color:#adff2fADFF2F; font-family:monospace;"|#adff2fADFF2F
|align="center" width=08%|chartreuse
|align="center" width=17% style="background-color:#7fff007FFF00; font-family:monospace;"|#7fff007FFF00
|-
|align="center" width=08%|lawngreen
|align="center" width=17% style="background-color:#7cfc007CFC00; font-family:monospace;"|#7cfc007CFC00
||lime
|align="center" width=08%|lime
|align="center" width=17% style="background-color:#00ff0000FF00; font-family:monospace;"|#00ff0000FF00
|align="center" width=08%|lightgreen
|align="center" width=17% style="background-color:#90ee9090EE90; font-family:monospace;"|#90ee9090EE90
|align="center" width=08%|yellowgreen
|align="center" width=17% style="background-color:#9acd329ACD32; font-family:monospace;"|#9acd329ACD32
|-
|align="center" width=08%|limegreen
|align="center" width=17% style="background-color:#32cd3232CD32; font-family:monospace;"|#32cd3232CD32
|align="center" width=08%|mediumseagreen
|align="center" width=17% style="background-color:#3cb3713CB371; font-family:monospace;"|#3cb3713CB371
|align="center" width=08%|darkseagreen
|align="center" width=17% style="background-color:#8fbc8f8FBC8F; font-family:monospace;"|#8fbc8f8FBC8F
|align="center" width=08%|forestgreen
|align="center" width=17% style="background-color:#228b22228B22; color:#ffffffFFFFFF; font-family:monospace;"|#228b22228B22
|-
|align="center" width=08%|seagreen
|align="center" width=17% style="background-color:#2e8b572E8B57; color:#ffffffFFFFFF; font-family:monospace;"|#2e8b572E8B57
|align="center" width=08%|green
|align="center" width=17% style="background-color:#008000; color:#ffffffFFFFFF; font-family:monospace;"|#008000
|align="center" width=08%|olivedrab
|align="center" width=17% style="background-color:#6b8e236B8E23; color:#ffffffFFFFFF; font-family:monospace;"|#6b8e236B8E23
|align="center" width=08%|olive
|align="center" width=17% style="background-color:#808000; color:#ffffffFFFFFF; font-family:monospace;"|#808000
|-
|align="center" width=08%|darkolivegreen
|align="center" width=17% style="background-color:#556b2f556B2F; color:#ffffffFFFFFF; font-family:monospace;"|#556b2f556B2F
|align="center" width=08%|darkgreen
|align="center" width=17% style="background-color:#006400; color:#ffffffFFFFFF; font-family:monospace;"|#006400
|align="center" width=08%|mediumaquamarine
|align="center" width=17% style="background-color:#66cdaa66CDAA; font-family:monospace;"|#66cdaa66CDAA
|align="center" width=08%|turquoise
|align="center" width=17% style="background-color:#40e0d040E0D0; font-family:monospace;"|#40e0d040E0D0
|-
|align="center" width=08%|lightseagreen
|align="center" width=17% style="background-color:#20b2aa20B2AA; font-family:monospace;"|#20b2aa20B2AA
|align="center" width=08%|darkcyan
|align="center" width=17% style="background-color:#008b8b008B8B; color:#ffffffFFFFFF; font-family:monospace;"|#008b8b008B8B
||teal
|align="center" width=08%|teal
|align="center" width=17% style="background-color:#008080; color:#ffffffFFFFFF; font-family:monospace;"|#008080
|align="center" width=08%|lavender
|align="center" width=17% style="background-color:#e6e6faE6E6FA; font-family:monospace;"|#e6e6faE6E6FA
|-
|align="center" width=08%|thistle
|align="center" width=17% style="background-color:#d8bfd8D8BFD8; font-family:monospace;"|#d8bfd8D8BFD8
||plum
|align="center" width=08%|plum
|align="center" width=17% style="background-color:#dda0ddDDA0DD; font-family:monospace;"|#dda0ddDDA0DD
|align="center" width=08%|violet
|align="center" width=17% style="background-color:#ee82eeEE82EE; font-family:monospace;"|#ee82eeEE82EE
|align="center" width=08%|fuchsia
|align="center" width=17% style="background-color:#ff00ffFF00FF; font-family:monospace;"|#ff00ffFF00FF
|-
|align="center" width=08%|magenta
|align="center" width=17% style="background-color:#ff00ffFF00FF; font-family:monospace;"|#ff00ffFF00FF
|align="center" width=08%|orchid
|align="center" width=17% style="background-color:#da70d6DA70D6; font-family:monospace;"|#da70d6DA70D6
|align="center" width=08%|mediumorchid
|align="center" width=17% style="background-color:#ba55d3BA55D3; font-family:monospace;"|#ba55d3BA55D3
|align="center" width=08%|darkorchid
|align="center" width=17% style="background-color:#9932cc9932CC; color:#ffffffFFFFFF; font-family:monospace;"|#9932cc9932CC
|-
|align="center" width=08%|blueviolet
|align="center" width=17% style="background-color:#8a2be28A2BE2; color:#ffffffFFFFFF; font-family:monospace;"|#8a2be28A2BE2
|align="center" width=08%|darkviolet
|align="center" width=17% style="background-color:#9400d39400D3; color:#ffffffFFFFFF; font-family:monospace;"|#9400d39400D3
|align="center" width=08%|mediumpurple
|align="center" width=17% style="background-color:#9370db9370DB; color:#ffffffFFFFFF; font-family:monospace;"|#9370db9370DB
|align="center" width=08%|slateblue
|align="center" width=17% style="background-color:#6a5acd6A5ACD; color:#ffffffFFFFFF; font-family:monospace;"|#6a5acd6A5ACD
|-
|align="center" width=08%|purple
|align="center" width=17% style="background-color:#800080; color:#ffffffFFFFFF; font-family:monospace;"|#800080
|align="center" width=08%|darkmagenta
|align="center" width=17% style="background-color:#8b008b8B008B; color:#ffffffFFFFFF; font-family:monospace;"|#8b008b8B008B
|align="center" width=08%|darkslateblue
|align="center" width=17% style="background-color:#483d8b483D8B; color:#ffffffFFFFFF; font-family:monospace;"|#483d8b483D8B
|align="center" width=08%|indigo
|align="center" width=17% style="background-color:#4b00824B0082; color:#ffffffFFFFFF; font-family:monospace;"|#4b00824B0082
|-
|align="center" width=08%|honeydew
|align="center" width=17% style="background-color:#f0fff0F0FFF0; font-family:monospace;"|#f0fff0F0FFF0
|align="center" width=08%|mintcream
|align="center" width=17% style="background-color:#f5fffaF5FFFA; font-family:monospace;"|#f5fffaF5FFFA
|align="center" width=08%|azure
|align="center" width=17% style="background-color:#f0ffffF0FFFF; font-family:monospace;"|#f0ffffF0FFFF
|align="center" width=08%|aliceblue
|align="center" width=17% style="background-color:#f0f8ffF0F8FF; font-family:monospace;"|#f0f8ffF0F8FF
|-
|align="center" width=08%|ghostwhite
|align="center" width=17% style="background-color:#f8f8ffF8F8FF; font-family:monospace;"|#f8f8ffF8F8FF
|align="center" width=08%|whitesmoke
|align="center" width=17% style="background-color:#f5f5f5F5F5F5; font-family:monospace;"|#f5f5f5F5F5F5
|align="center" width=08%|lavenderblush
|align="center" width=17% style="background-color:#fff0f5FFF0F5; font-family:monospace;"|#fff0f5FFF0F5
|align="center" width=08%|mistyrose
|align="center" width=17% style="background-color:#ffe4e1FFE4E1; font-family:monospace;"|#ffe4e1FFE4E1
|-
|align="center" width=08%|antiquewhite
|align="center" width=17% style="background-color:#faebd7FAEBD7; font-family:monospace;"|#faebd7FAEBD7
|align="center" width=08%|seashell
|align="center" width=17% style="background-color:#fff5eeFFF5EE; font-family:monospace;"|#fff5eeFFF5EE
||snow
|align="center" width=08%|snow
|align="center" width=17% style="background-color:#fffafaFFFAFA; font-family:monospace;"|#fffafaFFFAFA
|align="center" width=08%|white
|align="center" width=17% style="background-color:#ffffffFFFFFF; font-family:monospace;"|#ffffffFFFFFF
|-
|align="center" width=08%|beige
|align="center" width=17% style="background-color:#f5f5dcF5F5DC; font-family:monospace;"|#f5f5dcF5F5DC
|align="center" width=08%|linen
|align="center" width=17% style="background-color:#faf0e6FAF0E6; font-family:monospace;"|#faf0e6FAF0E6
|align="center" width=08%|oldlace
|align="center" width=17% style="background-color:#fdf5e6FDF5E6; font-family:monospace;"|#fdf5e6FDF5E6
|align="center" width=08%|floralwhite
|align="center" width=17% style="background-color:#fffaf0FFFAF0; font-family:monospace;"|#fffaf0FFFAF0
|-
|align="center" width=08%|ivory
|align="center" width=17% style="background-color:#fffff0FFFFF0; font-family:monospace;"|#fffff0FFFFF0
|align="center" width=08%|gainsboro
|align="center" width=17% style="background-color:#dcdcdcDCDCDC; font-family:monospace;"|#dcdcdcDCDCDC
|align="center" width=08%|lightgrey
|align="center" width=17% style="background-color:#d3d3d3D3D3D3; font-family:monospace;"|#d3d3d3D3D3D3
|align="center" width=08%|silver
|align="center" width=17% style="background-color:#c0c0c0C0C0C0; font-family:monospace;"|#c0c0c0C0C0C0
|-
|align="center" width=08%|darkgray
|align="center" width=17% style="background-color:#a9a9a9A9A9A9; font-family:monospace;"|#a9a9a9A9A9A9
||gray
|align="center" width=08%|gray
|align="center" width=17% style="background-color:#808080; color:#ffffffFFFFFF; font-family:monospace;"|#808080
|align="center" width=08%|dimgray
|align="center" width=17% style="background-color:#696969; color:#ffffffFFFFFF; font-family:monospace;"|#696969
|align="center" width=08%|darkslategray
|align="center" width=17% style="background-color:#2f4f4f2F4F4F; color:#ffffffFFFFFF; font-family:monospace;"|#2f4f4f2F4F4F
|-
|align="center" width=08%|lightslategray
|align="center" width=17% style="background-color:#778899; color:#ffffffFFFFFF; font-family:monospace;"|#778899
|align="center" width=08%|slategray
|align="center" width=17% style="background-color:#708090; color:#ffffffFFFFFF; font-family:monospace;"|#708090
|align="center" width=08%|cornsilk
|align="center" width=17% style="background-color:#fff8dcFFF8DC; font-family:monospace;"|#fff8dcFFF8DC
|align="center" width=08%|blanchedalmond
|align="center" width=17% style="background-color:#ffebcdFFEBCD; font-family:monospace;"|#ffebcdFFEBCD
|-
|align="center" width=08%|bisque
|align="center" width=17% style="background-color:#ffe4c4FFE4C4; font-family:monospace;"|#ffe4c4FFE4C4
|align="center" width=08%|navajowhite
|align="center" width=17% style="background-color:#ffdeadFFDEAD; font-family:monospace;"|#ffdeadFFDEAD
|align="center" width=08%|wheat
|align="center" width=17% style="background-color:#f5deb3F5DEB3; font-family:monospace;"|#f5deb3F5DEB3
|align="center" width=08%|sandybrown
|align="center" width=17% style="background-color:#f4a460F4A460; font-family:monospace;"|#f4a460F4A460
|-
|align="center" width=08%|goldenrod
|align="center" width=17% style="background-color:#daa520DAA520; font-family:monospace;"|#daa520DAA520
|align="center" width=08%|darkgoldenrod
|align="center" width=17% style="background-color:#b8860bB8860B; font-family:monospace;"|#b8860bB8860B
||peru
|align="center" width=08%|peru
|align="center" width=17% style="background-color:#cd853fCD853B; font-family:monospace;"|#cd853fED853F
|align="center" width=08%|chocolate
|align="center" width=17% style="background-color:#d2691eD2691E; font-family:monospace;"|#d2691eD2691E
|-
|align="center" width=08%|maroon
|align="center" width=17% style="background-color:#800000; color:#ffffffFFFFFF; font-family:monospace;"|#800000
|align="center" width=08%|saddlebrown
|align="center" width=17% style="background-color:#8b45138B4513; color:#ffffffFFFFFF; font-family:monospace;"|#8b45138B4513
|align="center" width=08%|brown
|align="center" width=17% style="background-color:#a52a2aA52A2A; color:#ffffffFFFFFF; font-family:monospace;"|#a52a2aA52A2A
|align="center" width=08%|sienna
|align="center" width=17% style="background-color:#a0522dA0522D; color:#ffffffFFFFFF; font-family:monospace;"|#a0522dA0522D
|-
|align="center" width=08%|darkred
|align="center" width=17% style="background-color:#8b00008B0000; color:#ffffffFFFFFF; font-family:monospace;"|#8b0000
|align="center" width=08%|burlywood
|align="center" width=17% style="background-color:#deb887DEB887; font-family:monospace;"|#deb887DEB887
||tan
|align="center" width=08%|tan
|align="center" width=17% style="background-color:#d2b48cD2B48C; font-family:monospace;"|#d2b48cD2B48C
|align="center" width=08%|rosybrown
|align="center" width=17% style="background-color:#bc8f8fBC8F8F; font-family:monospace;"|#bc8f8fBC8F8F
|-
|align="center" width=08%|black
|align="center" width=17% style="background-color:#000000; color:#ffffffFFFFFF; font-family:monospace;"|#000000
|align="center" width=08%|&nbsp;
|align="center" width=17% style="background-color:#FFFFFF; color:#ffffffFFFFFF; font-family:monospace;"|&nbsp;
|align="center" width=08%|&nbsp;
|align="center" width=17% style="background-color:#FFFFFF; color:#ffffffFFFFFF; font-family:monospace;"|&nbsp;
|align="center" width=08%|&nbsp;
|align="center" width=17% style="background-color:#FFFFFF; color:#ffffffFFFFFF; font-family:monospace;"|&nbsp;
|-
|}