I numeri esadecimali vengono utilizzati per specificare i colori. Il sistema esadecimale, a differenza del sistema decimale, si basa, come suggerisce il nome, sul numero 16. I numeri saranno i seguenti: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, A , B, C , D, E, F. I numeri da 10 a 15 sono sostituiti da lettere latine. I numeri maggiori di 15 nel sistema esadecimale si formano combinando due numeri in uno solo. Ad esempio, il numero 255 in decimale corrisponde al numero FF in esadecimale. Per evitare confusione nella determinazione del sistema numerico, prima del numero esadecimale viene inserito il simbolo cancelletto #, ad esempio #666999. Ciascuno dei tre colori – rosso, verde e blu – può assumere valori da 00 a FF. Pertanto, il simbolo del colore è diviso in tre componenti #rrggbb, dove i primi due simboli indicano la componente rossa del colore, i due centrali il verde e gli ultimi due il blu. È consentito l'uso della forma abbreviata #rgb, dove ogni carattere deve essere raddoppiato. Pertanto la voce #fe0 deve essere considerata come #ffee00.
Per nome
Internet Explorer | Cromo | musica lirica | Safari | Firefox | Androide | iOS |
4.0+ | 1.0+ | 3.5+ | 1.3+ | 1.0+ | 1.0+ | 1.0+ |
I browser supportano alcuni colori tramite il loro nome. Nella tabella 1 riporta i nomi, il codice esadecimale, i valori RGB, HSL e la descrizione.
Nome | Colore | Codice | RGB | HSL | Descrizione |
---|---|---|---|---|---|
bianco | #ffffff o #fff | RGB(255.255.255) | hsl(0,0%,100%) | Bianco | |
argento | #c0c0c0 | RGB(192.192.192) | hsl(0,0%,75%) | Grigio | |
grigio | #808080 | RGB(128.128.128) | hsl(0,0%,50%) | Grigio scuro | |
nero | #000000 o #000 | RGB(0,0,0) | hsl(0,0%,0%) | Nero | |
marrone | #800000 | RGB(128,0,0) | hsl(0,100%,25%) | Rosso scuro | |
rosso | #ff0000 o #f00 | RGB(255,0,0) | hsl(0,100%,50%) | Rosso | |
arancia | #ffa500 | RGB(255,165,0) | hsl(38,8,100%,50%) | Arancia | |
giallo | #ffff00 o #ff0 | RGB(255,255,0) | hsl(60,100%,50%) | Giallo | |
oliva | #808000 | RGB(128,128,0) | hsl(60,100%,25%) | Oliva | |
lime | #00ff00 o #0f0 | RGB(0,255,0) | hsl(120,100%,50%) | Verde chiaro | |
verde | #008000 | RGB(0,128,0) | hsl(120,100%,25%) | Verde | |
acqua | #00ffff o #0ff | RGB(0,255,255) | hsl(180,100%,50%) | Blu | |
blu | #0000ff o #00f | RGB(0,0,255) | hsl(240,100%,50%) | Blu | |
Marina Militare | #000080 | RGB(0,0,128) | hsl(240,100%,25%) | Blu scuro | |
verde acqua | #008080 | RGB(0,128,128) | hsl(180,100%,25%) | Blu verde | |
fucsia | #ff00ff o #f0f | RGB(255,0,255) | hsl(300,100%,50%) | Rosa | |
viola | #800080 | RGB(128,0,128) | hsl(300,100%,25%) | Viola |
Utilizzando RGB
Internet Explorer | Cromo | musica lirica | Safari | Firefox | Androide | iOS |
5.0+ | 1.0+ | 3.5+ | 1.3+ | 1.0+ | 1.0+ | 1.0+ |
Puoi definire il colore utilizzando i valori rosso, verde e blu in termini decimali. Ciascuno dei tre componenti di colore assume un valore compreso tra 0 e 255. È anche consentito specificare il colore come percentuale, con 100% corrispondente al numero 255. Innanzitutto, specificare la parola chiave rgb, quindi specificare i componenti di colore tra parentesi , separati da virgole, ad esempio rgb(255, 128, 128) o rgb(100%, 50%, 50%).
RGBA
Internet Explorer | Cromo | musica lirica | Safari | Firefox | Androide | iOS |
9.0+ | 1.0+ | 10.0+ | 3.1+ | 3.0+ | 2.1+ | 2.0+ |
Il formato RGBA è simile nella sintassi a RGB, ma include un canale alfa che specifica la trasparenza dell'elemento. Un valore pari a 0 è completamente trasparente, 1 è opaco e un valore intermedio come 0,5 è semitrasparente.
RGBA è stato aggiunto a CSS3, quindi il codice CSS deve essere convalidato rispetto a questa versione. Va notato che lo standard CSS3 è ancora in fase di sviluppo e alcune funzionalità potrebbero cambiare. Ad esempio, un colore in formato RGB aggiunto alla proprietà background-color viene convalidato, ma uno aggiunto alla proprietà background non è più valido. Allo stesso tempo, i browser comprendono abbastanza correttamente il colore per entrambe le proprietà.
HSL
Internet Explorer | Cromo | musica lirica | Safari | Firefox | Androide | iOS |
9.0+ | 1.0+ | 9.6+ | 3.1+ | 3.0+ | 2.1+ | 2.0+ |
Il nome del formato HSL deriva dalla combinazione delle prime lettere Hue (tonalità), Saturate (saturazione) e Lightness (leggerezza). La tonalità è il valore del colore sulla ruota dei colori (Fig. 1) ed è espresso in gradi. 0° corrisponde al rosso, 120° al verde e 240° al blu. Il valore della tonalità può variare da 0 a 359.
Riso. 1. Ruota dei colori
La saturazione è l'intensità di un colore e viene misurata in percentuale dallo 0% al 100%. Un valore dello 0% indica assenza di colore e una sfumatura di grigio, 100% è il valore massimo per la saturazione.
La luminosità specifica la luminosità del colore ed è specificata come percentuale compresa tra 0% e 100%. Valori bassi rendono il colore più scuro e valori alti rendono il colore più chiaro; valori estremi di 0% e 100% corrispondono al bianco e nero.
HSLA
Internet Explorer | Cromo | musica lirica | Safari | Firefox | Androide | iOS |
9.0+ | 1.0+ | 10.0+ | 3.1+ | 3.0+ | 2.1+ | 2.0+ |
Il formato HSLA è simile nella sintassi a HSL, ma include un canale alfa per specificare la trasparenza dell'elemento. Un valore pari a 0 è completamente trasparente, 1 è opaco e un valore intermedio come 0,5 è semitrasparente.
I valori di colore RGBA, HSL e HSLA vengono aggiunti a CSS3, quindi controlla la validità della versione del codice quando utilizzi questi formati.
HTML5 CSS2.1 CSS3 IE Cr Op Sa Fx
Avvertimento
Tutti i metodi di cattura dei leoni elencati nel sito sono teorici e basati su metodi computazionali. Gli autori non garantiscono la tua sicurezza durante l'utilizzo e declinano ogni responsabilità per i risultati. Ricorda, un leone è un predatore e un animale pericoloso!
Il risultato di questo esempio è mostrato in Fig. 2.
Riso. 2. Colori sulla pagina web
In HTML, il colore può essere specificato in tre modi:
Impostazione di un colore in HTML in base al suo nome
Alcuni colori possono essere specificati tramite il nome, utilizzando il nome del colore in inglese come valore. Le parole chiave più comuni: nero, bianco, rosso, verde, blu, ecc.:
Colore del testo: rosso
I colori più popolari dello standard World Wide Web Consortium (W3C):
Colore | Nome | Colore | Nome | Colore | Nome | Colore | Nome |
---|---|---|---|---|---|---|---|
Nero | Grigio | Argento | Bianco | ||||
Giallo | Lime | Acqua | Fucsia | ||||
Rosso | Verde | Blu | Viola | ||||
Marrone | Oliva | Marina Militare | Verde acqua |
Esempio di utilizzo di nomi di colori diversi:
Esempio: specificare un colore tramite il suo nome
- Prova tu stesso "
Intestazione su sfondo rosso
Intestazione su sfondo arancione
Rubrica su sfondo lime
Testo bianco su sfondo blu
Intestazione su sfondo rosso
Intestazione su sfondo arancione
Rubrica su sfondo lime
Testo bianco su sfondo blu
Specifica del colore utilizzando RGB
Quando si visualizzano colori diversi su un monitor, viene utilizzata la tavolozza RGB come base. Qualsiasi colore si ottiene mescolando tre colori base: R - rosso, G - verde, B-blu. La luminosità di ciascun colore è data da un byte e può quindi assumere valori da 0 a 255. Ad esempio, RGB(255,0,0) viene visualizzato come rosso poiché il rosso è impostato al suo valore più alto (255) e il il resto è impostato su 0. Puoi anche impostare il colore come percentuale. Ogni parametro indica il livello di luminosità del colore corrispondente. Ad esempio: i valori rgb(127, 255, 127) e rgb(50%, 100%, 50%) imposteranno lo stesso colore verde medio:
Esempio: specifica del colore utilizzando RGB
- Prova tu stesso "
RGB(127, 255, 127)
RGB(50%, 100%, 50%)
RGB(127, 255, 127)
RGB(50%, 100%, 50%)
Imposta il colore in base al valore esadecimale
Valori R G B può anche essere specificato utilizzando valori di colore esadecimali (HEX) nella forma: #RRGGBB dove RR (rosso), GG (verde) e BB (blu) sono valori esadecimali da 00 a FF (come decimale 0-255 ). Il sistema esadecimale, a differenza del sistema decimale, si basa, come suggerisce il nome, sul numero 16. Il sistema esadecimale utilizza i seguenti segni: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, A, B, C, D, E, F. Qui i numeri da 10 a 15 sono sostituiti da lettere latine. I numeri maggiori di 15 nel sistema esadecimale sono rappresentati combinando due caratteri in un unico valore. Ad esempio, il numero più alto 255 in decimale corrisponde al valore FF più alto in esadecimale. A differenza del sistema decimale, un numero esadecimale è preceduto dal simbolo cancelletto. # , ad esempio, #FF0000 viene visualizzato come rosso perché il rosso è impostato sul valore massimo (FF) e gli altri colori sono impostati sul valore minimo (00). Segni dopo il simbolo del cancelletto # È possibile digitare sia in maiuscolo che in minuscolo. Il sistema esadecimale permette di utilizzare la forma abbreviata #rgb, dove ogni carattere equivale al doppio. Pertanto la voce #f7O dovrebbe essere considerata come #ff7700.
Esempio: Colore HEX
- Prova tu stesso "
rosso: #FF0000
verde: #00FF00
blu: #0000FF
rosso: #FF0000
verde: #00FF00
blu: #0000FF
rosso+verde=giallo: #FFFF00
rosso+blu=viola: #FF00FF
verde+blu=ciano: #00FFFF
Elenco dei colori comuni (nome, HEX e RGB):
nome inglese | Nome russo | Campione | ESADECIMALE | RGB | ||
---|---|---|---|---|---|---|
amaranto | amaranto | #E52B50 | 229 | 43 | 80 | |
Ambra | Ambra | #FFBF00 | 255 | 191 | 0 | |
Acqua | Blu verde | #00FFFF | 0 | 255 | 255 | |
Azzurro | Azzurro | #007FFF | 0 | 127 | 255 | |
Nero | Nero | #000000 | 0 | 0 | 0 | |
Blu | Blu | #0000FF | 0 | 0 | 255 | |
Bondi Blu | Acqua della spiaggia di Bondi | #0095B6 | 0 | 149 | 182 | |
Ottone | Ottone | #B5A642 | 181 | 166 | 66 | |
Marrone | Marrone | #964B00 | 150 | 75 | 0 | |
Ceruleo | Azzurro | #007BA7 | 0 | 123 | 167 | |
Verde scuro primaverile | Verde scuro primaverile | #177245 | 23 | 114 | 69 | |
Smeraldo | Smeraldo | #50C878 | 80 | 200 | 120 | |
Melanzana | Melanzana | #990066 | 153 | 0 | 102 | |
Fucsia | Fucsia | #FF00FF | 255 | 0 | 255 | |
Oro | Oro | #FFD700 | 250 | 215 | 0 | |
Grigio | Grigio | #808080 | 128 | 128 | 128 | |
Verde | Verde | #00FF00 | 0 | 255 | 0 | |
Indaco | Indaco | #4B0082 | 75 | 0 | 130 | |
Giada | Giada | #00A86B | 0 | 168 | 107 | |
Lime | Lime | #CCFF00 | 204 | 255 | 0 | |
Malachite | Malachite | #0BDA51 | 11 | 218 | 81 | |
Marina Militare | Blu scuro | #000080 | 0 | 0 | 128 | |
Ocra | Ocra | #CC7722 | 204 | 119 | 34 | |
Oliva | Oliva | #808000 | 128 | 128 | 0 | |
Arancia | Arancia | #FFA500 | 255 | 165 | 0 | |
Pesca | Pesca | #FFE5B4 | 255 | 229 | 180 | |
Zucca | Zucca | #FF7518 | 255 | 117 | 24 | |
Viola | Viola | #800080 | 128 | 0 | 128 | |
Rosso | Rosso | #FF0000 | 255 | 0 | 0 | |
Zafferano | Zafferano | #F4C430 | 244 | 196 | 48 | |
Mare verde | Mare verde | #2E8B57 | 46 | 139 | 87 | |
Verde palude | Bolotny | #ACB78E | 172 | 183 | 142 | |
Verde acqua | Blu verde | #008080 | 0 | 128 | 128 | |
Oltremare | Oltremare | #120A8F | 18 | 10 | 143 | |
Viola | Viola | #8B00FF | 139 | 0 | 255 | |
Giallo | Giallo | #FFFF00 | 255 | 255 | 0 |
Codici colore (sfondo) per saturazione e tonalità.
I codici colore nei CSS vengono utilizzati per specificare i colori. In genere, i codici colore o i valori dei colori vengono utilizzati per impostare il colore per il colore di primo piano di un elemento (ad esempio colore del testo, colore del collegamento) o il colore di sfondo di un elemento (colore di sfondo, colore del blocco). Possono essere utilizzati anche per modificare il colore di un pulsante, bordo, pennarello, passaggio del mouse e altri effetti decorativi.
Puoi specificare i valori del colore in vari formati. La tabella seguente elenca tutti i formati possibili:
I formati elencati sono descritti più dettagliatamente di seguito.
Colori CSS - Codici esadecimali
Codice colore esadecimaleè una rappresentazione del colore a sei cifre. Le prime due cifre (RR) rappresentano il valore rosso, le due successive rappresentano il valore verde (GG) e le ultime due rappresentano il valore blu (BB).
Colori CSS: codici esadecimali brevi
Codice colore esadecimale cortoè una forma più breve di notazione di sei caratteri. In questo formato, ogni cifra viene ripetuta per produrre un valore di colore equivalente a sei cifre. Ad esempio: #0F0 diventa #00FF00.
Il valore esadecimale può essere preso da qualsiasi software di grafica come Adobe Photoshop, Core Draw, ecc.
Ogni codice colore esadecimale nei CSS sarà preceduto da un cancelletto "#". Di seguito sono riportati esempi di utilizzo della notazione esadecimale.
Colori CSS - Valori RGB
Valore RGBè un codice colore impostato utilizzando la proprietà rgb(). Questa proprietà accetta tre valori: uno ciascuno per rosso, verde e blu. Il valore può essere un numero intero, da 0 a 255, o una percentuale.
Nota: Non tutti i browser supportano la proprietà color rgb(), quindi non è consigliabile utilizzarla.
Di seguito è riportato un esempio che mostra più colori utilizzando valori RGB.
Generatore di codici colore
Puoi creare milioni di codici colore utilizzando il nostro servizio.
Colori sicuri del browser
Di seguito è riportata una tabella di 216 colori che sono i più sicuri e indipendenti dal computer. Questi colori nei CSS vanno da 000000 al codice esadecimale FFFFFF. Sono sicuri da usare perché garantiscono che tutti i computer visualizzino correttamente i colori quando lavorano con la tavolozza dei 256 colori.
Tabella dei colori "sicuri" nei CSS | |||||
#000000 | #000033 | #000066 | #000099 | #0000CC | #0000FF |
#003300 | #003333 | #003366 | #003399 | #0033CC | #0033FF |
#006600 | #006633 | #006666 | #006699 | #0066CC | #0066FF |
#009900 | #009933 | #009966 | #009999 | #0099CC | #0099FF |
#00CC00 | #00CC33 | #00CC66 | #00CC99 | #00CCCC | #00CCFF |
#00FF00 | #00FF33 | #00FF66 | #00FF99 | #00FFCC | #00FFFF |
#330000 | #330033 | #330066 | #330099 | #3300CC | #3300FF |
#333300 | #333333 | #333366 | #333399 | #3333CC | #3333FF |
#336600 | #336633 | #336666 | #336699 | #3366CC | #3366FF |
#339900 | #339933 | #339966 | #339999 | #3399CC | #3399FF |
#33CC00 | #33CC33 | #33CC66 | #33CC99 | #33CCCC | #33CCFF |
#33FF00 | #33FF33 | #33FF66 | #33FF99 | #33FFCC | #33FFFF |
#660000 | #660033 | #660066 | #660099 | #6600CC | #6600FF |
#663300 | #663333 | #663366 | #663399 | #6633CC | #6633FF |
#666600 | #666633 | #666666 | #666699 | #6666CC | #6666FF |
#669900 | #669933 | #669966 | #669999 | #6699CC | #6699FF |
#66CC00 | #66CC33 | #66CC66 | #66CC99 | #66CCCC | #66CCFF |
#66FF00 | #66FF33 | #66FF66 | #66FF99 | #66FFCC | #66FFFF |
#990000 | #990033 | #990066 | #990099 | #9900CC | #9900FF |
#993300 | #993333 | #993366 | #993399 | #9933CC | #9933FF |
#996600 | #996633 | #996666 | #996699 | #9966CC | #9966FF |
#999900 | #999933 | #999966 | #999999 | #9999CC | #9999FF |
#99CC00 | #99CC33 | #99CC66 | #99CC99 | #99CCCC | #99CCFF |
#99FF00 | #99FF33 | #99FF66 | #99FF99 | #99FFCC | #99FFFF |
#CC0000 | #CC0033 | #CC0066 | #CC0099 | #CC00CC | #CC00FF |
#CC3300 | #CC3333 | #CC3366 | #CC3399 | #CC33CC | #CC33FF |
#CC6600 | #CC6633 | #CC6666 | #CC6699 | #CC66CC | #CC66FF |
#CC9900 | #CC9933 | #CC9966 | #CC9999 | #CC99CC | #CC99FF |
#CCCC00 | #CCCC33 | #CCCC66 | #CCCC99 | #CCCCCC | #CCCCFF |
#CCFF00 | #CCFF33 | #CCFF66 | #CCFF99 | #CCFFCC | #CCFFFF |
#FF0000 | #FF0033 | #FF0066 | #FF0099 | #FF00CC | #FF00FF |
#FF3300 | #FF3333 | #FF3366 | #FF3399 | #FF33CC | #FF33FF |
#FF6600 | #FF6633 | #FF6666 | #FF6699 | #FF66CC | #FF66FF |
#FF9900 | #FF9933 | #FF9966 | #FF9999 | #FF99CC | #FF99FF |
#FFCC00 | #FFCC33 | #FFCC66 | #FFCC99 | #FFCCCC | #FFCCFF |
#FFFF00 | #FFFF33 | #FFFF66 | #FFFF99 | #FFFFCC | #FFFFFF |
Vlad Merzhevich
In HTML, il colore viene specificato in due modi: utilizzando il codice esadecimale e tramite il nome di determinati colori. Viene utilizzato prevalentemente il metodo basato sul sistema numerico esadecimale, poiché è il più universale.
Colori esadecimali
L'HTML utilizza numeri esadecimali per specificare i colori. Il sistema esadecimale, a differenza del sistema decimale, si basa, come suggerisce il nome, sul numero 16. I numeri saranno i seguenti: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, A , B, C , D, E, F. I numeri da 10 a 15 sono sostituiti da lettere latine. Nella tabella 6.1 mostra la corrispondenza tra numeri decimali ed esadecimali.
I numeri maggiori di 15 nel sistema esadecimale si formano combinando due numeri in uno (Tabella 6.2). Ad esempio, il numero 255 in decimale corrisponde al numero FF in esadecimale.
Per evitare confusione nella definizione del sistema numerico, un numero esadecimale è preceduto dal simbolo cancelletto #, ad esempio #aa69cc. In questo caso il caso non ha importanza, quindi è consentito scrivere #F0F0F0 o #f0f0f0.
Un tipico colore utilizzato in HTML è simile a questo.
Qui il colore di sfondo della pagina web è impostato su #FA8E47. Il simbolo cancelletto # davanti a un numero significa che è esadecimale. Le prime due cifre (FA) definiscono la componente rossa del colore, dalla terza alla quarta cifra (8E) definiscono la componente verde e le ultime due cifre (47) definiscono la componente blu. Il risultato finale sarà di questo colore.
FA. | + | 8E | + | 47 | = | FA8E47 |
Ciascuno dei tre colori - rosso, verde e blu - può assumere valori da 00 a FF, per un totale di 256 sfumature. Pertanto, il numero totale di colori può essere 256x256x256 = 16.777.216 combinazioni. Un modello di colore basato sui componenti rosso, verde e blu è chiamato RGB (rosso, verde, blu; rosso, verde, blu). Questo modello è additivo (da add - add), in cui l'addizione di tutti e tre i componenti forma il colore bianco.
Per facilitare la navigazione tra i colori esadecimali, prendi in considerazione alcune regole.
- Se i valori dei componenti del colore sono gli stessi (ad esempio: #D6D6D6), il risultato sarà una tinta grigia. Più alto è il numero, più chiaro sarà il colore, con valori che vanno da #000000 (nero) a #FFFFFF (bianco).
- Se la componente rossa viene portata al massimo (FF) e le restanti componenti vengono impostate a zero si forma un colore rosso brillante. Un colore con un valore di #FF0000 è la tonalità di rosso più rossa possibile. Lo stesso vale per il verde (#00FF00) e il blu (#0000FF).
- Il giallo (#FFFF00) è ottenuto mescolando rosso e verde. Ciò è ben visibile sulla ruota dei colori (Fig. 6.1), che presenta i colori primari (rosso, verde, blu) e quelli complementari o aggiuntivi. Questi includono giallo, ciano e viola (chiamato anche magenta). In generale, qualsiasi colore può essere ottenuto mescolando colori ad esso vicini. Pertanto, il ciano (#00FFFF) si ottiene combinando blu e verde.
Riso. 6.1. Cerchio di colori
I colori basati su valori esadecimali non devono essere selezionati empiricamente. A questo scopo è adatto un editor grafico in grado di funzionare con diversi modelli di colore, ad esempio Adobe Photoshop. Nella fig. La Figura 6.2 mostra la finestra per la selezione di un colore in questo programma; il valore esadecimale risultante del colore corrente è delineato da una linea. Puoi copiarlo e incollarlo nel tuo codice.
Riso. 6.2. Finestra per la scelta dei colori in Photoshop
Colori della rete
Se imposti la qualità di resa cromatica del monitor su 8 bit (256 colori), lo stesso colore può essere visualizzato in modo diverso in browser diversi. Ciò è dovuto al modo in cui viene visualizzata la grafica, quando il browser funziona con la propria tavolozza e non può mostrare un colore che non sia presente nella sua tavolozza. In questo caso il colore viene sostituito da una combinazione di pixel di altri colori vicini che imitano quello dato. Per garantire che il colore rimanga lo stesso nei diversi browser, è stata introdotta una tavolozza dei cosiddetti colori web. I colori Web sono quei colori per i quali ciascun componente - rosso, verde e blu - è impostato su uno dei sei valori: 0 (00), 51 (33), 102 (66), 153 (99), 204 (CC) , 255 (FF). Tra parentesi è indicato il valore esadecimale di questo componente. Il numero totale di colori di tutte le combinazioni possibili dà 6x6x6 - 216 colori. Un esempio di colore web è #33FF66.
La caratteristica principale del colore web è che appare uguale in tutti i browser. Al momento, l'importanza dei colori web è molto ridotta a causa del miglioramento della qualità dei monitor e dell'espansione delle loro capacità.
Colori per nome
Per evitare di dover ricordare una serie di numeri, è possibile utilizzare invece i nomi dei colori comunemente utilizzati. Nella tabella 6.3 mostra i nomi dei colori più diffusi.
Nome del colore | Colore | Descrizione | Valore esadecimale |
---|---|---|---|
nero | Nero | #000000 | |
blu | Blu | #0000FF | |
fucsia | Viola chiaro | #FF00FF | |
grigio | Grigio scuro | #808080 | |
verde | Verde | #008000 | |
lime | Verde chiaro | #00FF00 | |
marrone | Rosso scuro | #800000 | |
Marina Militare | Blu scuro | #000080 | |
oliva | Oliva | #808000 | |
viola | Viola scuro | #800080 | |
rosso | Rosso | #FF0000 | |
argento | Grigio chiaro | #C0C0C0 | |
verde acqua | Blu verde | #008080 | |
bianco | Bianco | #FFFFFF | |
giallo | Giallo | #FFFF00 |
Non importa se specifichi un colore tramite il suo nome o utilizzando numeri esadecimali. Questi metodi hanno lo stesso effetto. L'esempio 6.1 mostra come impostare i colori dello sfondo e del testo di una pagina web.
Esempio 6.1. Colore dello sfondo e del testo
Testo di esempio
In questo esempio, il colore dello sfondo viene impostato utilizzando l'attributo bgcolor del tag
e il colore del testo tramite l'attributo text. Per varietà, l'attributo text è impostato su un numero esadecimale e l'attributo bgcolor è impostato sulla parola chiave riservata teal .Codici Minecraft colori o Minecraft codici formattazione, consenti a qualsiasi giocatore di aggiungere fiori e formattare il testo in ogni modo possibile direttamente in Minecraft. Codici colore da &0-9 - a &a-f. Aggiungili prima del testo. I messaggi dei giocatori possono contenere codici colore che ti consentono di aggiungere colore alle tue frasi.
Colori e codici di formattazione
Il segno e commerciale (&) seguito da un numero esadecimale nei messaggi segnala al client di cambiare colore durante la visualizzazione del testo. Inoltre, il testo può essere formattato con una & seguita da una lettera. Puoi aggiungere colori diversi a libri, blocchi di comandi, nome del server, descrizione del server (motd), nomi del mondo, segni e persino nomi dei giocatori.
È molto semplice formattare il testo nelle configurazioni o nel gioco utilizzando la tabella dei colori qui sotto. &r viene utilizzato per reimpostare tutti i codici, ad es. &mAAA&rBBB verrà visualizzato come AAA BBB.
Presentiamo una tabella dei codici colore esistenti in Minecraft per tua comodità:
Codice | Nome | Nome tecnico | Colore del simbolo | Colore dell'ombra del simbolo | ||||||
---|---|---|---|---|---|---|---|---|---|---|
R | G | B | Esadecimale | R | G | B | Esadecimale | |||
&0 | Nero | nero | 0 | 0 | 0 | 000000 | 0 | 0 | 0 | 000000 |
&1 | Blu scuro | blu scuro | 0 | 0 | 170 | 0000AA | 0 | 0 | 42 | 00002A |
&2 | Verde scuro | verde scuro | 0 | 170 | 0 | 00AA00 | 0 | 42 | 0 | 002A00 |
&3 | Blu-verde scuro | dark_aqua | 0 | 170 | 170 | 00AAA | 0 | 42 | 42 | 002A2A |
&4 | Rosso scuro | rosso scuro | 170 | 0 | 0 | AA0000 | 42 | 0 | 0 | 2A0000 |
&5 | Viola scuro | viola scuro | 170 | 0 | 170 | AA00AA | 42 | 0 | 42 | 2A002A |
&6 | Oro | oro | 255 | 170 | 0 | FFAA00 | 42 | 42 | 0 | 2A2A00 |
&7 | Grigio | grigio | 170 | 170 | 170 | AAAAAA | 42 | 42 | 42 | 2A2A2A |
&8 | Grigio scuro | grigio scuro | 85 | 85 | 85 | 555555 | 21 | 21 | 21 | 151515 |
&9 | Blu | blu | 85 | 85 | 255 | 5555FF | 21 | 21 | 63 | 15153F |
&UN | Verde | verde | 85 | 255 | 85 | 55FF55 | 21 | 63 | 21 | 153F15 |
&B | Blu verde | acqua | 85 | 255 | 255 | 55FFFF | 21 | 63 | 63 | 153F3F |
&C | Rosso | rosso | 255 | 85 | 85 | FF5555 | 63 | 21 | 21 | 3F1515 |
&D | Viola chiaro | viola chiaro | 255 | 85 | 255 | FF55FF | 63 | 21 | 63 | 3F153F |
&e | Giallo | giallo | 255 | 255 | 85 | FFFF55 | 63 | 63 | 21 | 3F3F15 |
&F | Bianco | bianco | 255 | 255 | 255 | FFFFFF | 63 | 63 | 63 | 3F3F3F |
A volte è necessario sottolineare, cancellare, evidenziare qualsiasi testo. Questo viene fatto utilizzando la formattazione del testo. Si usa esattamente allo stesso modo dei colori (mettiamo prima del testo codice, ad esempio &lMinecraft = Minecraft.
Per comodità, di seguito è riportata una tabella dei codici di formattazione:
Codice | Nome |
---|---|
&K | Testo magico |
&l | Miniatura |
&M | Testo barrato |
&N | Testo sottolineato |
&o | Testo corsivo |
&R | Testo senza formattazione |