Aiuto:Colori: differenze tra le versioni

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>}}.

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>}}.

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>}}.

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).

==GradiazioniGradazioni di grigio==

*<fontspan style="color: #000000; background color:#000000;">'''Nero'''</fontspan> #000000

*<fontspan style="color: #666666333333; background color:#000000;">'''Grigio molto scuro'''</fontspan> #666666333333

*<fontspan style="color: #bcbcbc666666; background color:#000000;">'''Grigio finestra di windowsscuro'''</fontspan> #bcbcbc666666

*<fontspan style="color: #cccccc999999; background color:#000000;">'''Grigio chiarometallo'''</fontspan> #cccccc999999

*<fontspan style="color: #ffffffBCBCBC; background color:#000000;">'''BiancoGrigio finestra di windows'''</fontspan> #ffffffBCBCBC

==GradiazioniGradazioni di giallo e arancioneverde==

*<fontspan style="color: #ffff0000cc00; background color:#000000;">'''GialloVerde'''</fontspan> #ffff0000CC00

*<fontspan style="color: #ffee0000ff00; background color:#000000;">'''GiallinoVerde chiaro'''</fontspan> #ffee0000FF00

*<fontspan style="color: #ff9900009900; background color:#000000;">'''ArancioneVerde chiaroscuro'''</fontspan> #ff9900009900

*<fontspan style="color: #ff6600ccff00; background color:#000000;">'''ArancioneVerde scurolimone'''</fontspan> #ff6600CCFF00

*<fontspan style="color: #ffff99cccc00; background color:#000000;">'''GialloVerde sbiaditomarcio'''</fontspan> #ffff99CCCC00

*<fontspan style="color: #ffcc99999900; background color:#000000;">'''ColorVerde pelle/coloroliva o marcio pescascuro'''</fontspan> #ffcc99999900

==GradiazioniGradazioni di blumarrone==

*<fontspan style="color: #0000ff993300; background color:#000000;">'''BluMarrone'''</fontspan> #0000ff993300

*<fontspan style="color: #0000cdCC6600; background color:#000000;">'''BluMarrone elettricochiaro'''</fontspan> #0000cdCC6600

*<fontspan style="color: #000099660000; background color:#000000;">'''BluMarrone scuro'''</fontspan> #000099660000

*<fontspan style="color: #000044CC3300; background color:#000000;">'''BluTerra scurissimobruciata'''</fontspan> #000044CC3300

*<fontspan style="color: #660099B68437; background color:#000000;">'''Blu violaceoMerda'''</fontspan> #660099B68437

*'''[http://it.wikipedia.org/wiki/Aiuto:Tavolozza_dei_colori PerProvenienza cambiaredella i colori usando i nomi, per i niubbitabella]'''

*'''[[Template:Colore]]''', per colorare i caratteri.