Codice colore azzurro. Il colore negli stili può essere impostato in diversi modi: per valore esadecimale, per nome, in formato RGB, RGBA, HSL, HSLA
I codici colore in CSS vengono utilizzati per specificare i colori. In genere, i codici colore o i valori dei colori vengono utilizzati per impostare un colore per il primo piano di un elemento (ad es. testo, colore del collegamento) o per lo sfondo di un elemento (sfondo, colore del blocco). Possono anche essere usati per cambiare il colore del pulsante, i bordi, l'indicatore, il passaggio del mouse e altri effetti decorativi.
Puoi impostare i tuoi valori di colore in vari formati. La tabella seguente elenca tutti i formati possibili:
Questi formati 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) sono il valore rosso, le due successive lo sono valore verde(GG) e quest'ultimo è il valore blu (BB).
Colori CSS - Codici esadecimali brevi
Breve codice colore esadecimaleè una forma più breve di notazione a sei caratteri. In questo formato, ogni cifra viene ripetuta per produrre il valore di colore equivalente a sei cifre. Ad esempio: #0F0 diventa #00FF00.
Il valore esadecimale può essere preso da qualsiasi grafico Software, come Adobe Photoshop, Core Draw, ecc.
Ogni codice colore esadecimale in CSS sarà preceduto da un cancelletto "#". I seguenti sono esempi di utilizzo della notazione esadecimale.
Colori CSS - Valori RGB
Valore RGBè un codice colore che viene impostato utilizzando la proprietà rgb(). Questa proprietà accetta tre valori: uno per rosso, verde e blu. Il valore può essere un numero intero compreso tra 0 e 255 o una percentuale.
Nota: Non tutti i browser supportano la proprietà del colore rgb(), quindi non è consigliabile utilizzarla.
Di seguito è riportato un esempio che mostra più colori utilizzando i valori RGB.
Generatore di codice colore
Puoi creare milioni di codici colore con il nostro servizio.
Colori del browser sicuri
Di seguito è riportata una tabella di 216 colori che sono i più sicuri e indipendenti dal computer. Questi colori in CSS vanno da 000000 a FFFFFF codice esadecimale. Sono sicuri da usare in quanto assicurano che tutti i computer visualizzino correttamente i colori quando si lavora con la tavolozza di 256 colori.
Tabella dei colori "sicuri" in 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 |
Sfortunatamente, non è ancora possibile visualizzare le sensazioni gustative sul sito. Ma questo può essere completamente compensato usando colori. Dopotutto, i colori html ti consentono di visualizzare una qualsiasi delle milioni di sfumature. Così " matite colorate” nel suo set è molto più di sette.
combinazione di colori in html
In html, il colore può essere specificato in diversi formati:
1. Come valore esadecimale: viene utilizzato il codice specificato nel sistema esadecimale. Tali codici colore in html sono costituiti da tre coppie di numeri esadecimali. Ogni coppia è responsabile della saturazione della tonalità con il suo colore primario:
- La prima coppia numerica è responsabile del colore rosso;
- La seconda coppia è per il contenuto del colore verde;
- Quest'ultimo è per il contenuto del colore blu.
All'inizio del codice (prima dei numeri), viene inserito un cancelletto. Questo è il codice colore esadecimale. Oltre ai numeri da 1 a 9, questo sistema numerico utilizza lettere Alfabeto latino(A B C D E F).
Ad esempio, cod Colore bianco in html sarà simile a #FFFFFF:
2. Parola chiave - In questo momento html supporta circa 147 parole chiave. Ma non tutte queste parole sono uniche. Alcuni di loro si riferiscono alla stessa tonalità di colore.
Il grigio è rappresentato da due parole chiave: gray e gray . Il loro codice esadecimale (HEX ) è dato dallo stesso valore #808080 .
Esempio :
#808080
3. In formato RGB: questa codifica del colore in html si basa sull'uso di tre valori impostati nell'intervallo da 0 a 255. Ciascuno di essi determina la saturazione della tonalità con uno dei colori primari:
- R - rosso (rosso);
- G - verde (verde);
- B - blu (blu).
Il numero del colore in formato RGB è scritto come segue: rgb(0, 210, 100).
colore di sfondo:rgb(100,186,43)
4. In formato RGBA: è un formato RGB avanzato, in cui il quarto valore specifica la trasparenza del colore sotto forma di frazione decimale da 0 a 1.
Esempio di utilizzo:
colore di sfondo:rgba(100,86,143,0.2)
colore di sfondo:rgba(100,86,143,0.5)
colore di sfondo:rgba(100,86,143,0.8)
colore di sfondo:rgba(100,86,143,1)
tabelle di colori html e generatori di colori
Con una gamma così ampia di formati di impostazione del colore, è facile confondersi. Pertanto, è stata inventata una tabella dei colori speciale. In esso, a 147 nomi chiave di sfumature di colore, vengono forniti i codici di corrispondenza in tutti i principali standard per la rappresentazione del colore. Inoltre, ogni campo è dotato di una barra per la corrispondenza visiva dei colori. Una di queste tabelle è presentata sul sito colorscheme.ru:
Ma anche con l'aiuto di una tale strutturazione della corrispondenza, la selezione della tonalità desiderata può essere difficile. E non è un dato di fatto che ci sia quello giusto nella tabella dei codici colore.
Per aggirare questa barriera e rendere il più semplice possibile la selezione della giusta tonalità, sono stati sviluppati servizi web interattivi. La loro interfaccia utente può differire leggermente l'una dall'altra.
Sul sito html-color-codes.info, il generatore di colori ha questo aspetto:
E all'interno del servizio color-picker.appsmaster.co, questo strumento è implementato in modo leggermente diverso:
La saturazione di ciascun colore nel generatore viene impostata utilizzando speciali cursori. Visivamente, la tonalità viene visualizzata dal colore della cornice e del rettangolo sul lato sinistro. In basso, 3 campi visualizzano il codice colore nei principali formati.
Ma il generatore di colori è disponibile non solo su siti specializzati. Quasi tutti gli editor grafici sono dotati di uno strumento simile. Ad esempio Photoshop:
Sicurezza del colore
Ed è stato tanto tempo fa, nell'era delle schede video che supportano solo 256 colori. A quei tempi, i sistemi operativi potevano visualizzare solo un certo numero di sfumature a otto bit senza distorsioni.
Poi è stato tolto ottimo tavolo colori sicuri. Indicava 216 sfumature che potevano essere visualizzate senza distorsioni in nessuno dei browser dell'epoca. E fino ad oggi questo grande manoscritto» è ancora disponibile su alcune risorse:
Tutto è cambiato nel nostro tempo. Pertanto, tutte le regole di sicurezza quando si lavora con il colore in html vengono completamente annullate. Dopotutto, l'hardware del computer moderno supporta oltre 16 milioni di sfumature diverse. E 216 colori sicuri sono caduti nell'oblio.
Questi dati sono pienamente supportati dalle statistiche. A giudicare da ciò, nel 2014 solo lo 0,5% degli utenti dispone di computer che supportano solo 256 sfumature.
Fondamenti di armonia dei colori
Non tutti siamo dotati di un naturale senso del gusto armonioso. Ecco perché corretta selezione i colori possono essere una vera sfida. Ma, lode alla scienza, è riuscita persino a descrivere l'armonia dei colori sotto forma di diversi schemi. Tutti si basano sull'uso della ruota dei colori. Schemi di corrispondenza dei colori in html:
- Combinazione di colori parallela - quando entrambe le sfumature nella ruota dei colori sono parallele;
- Schema triadico: al centro di tutti gli angoli del triangolo c'è uno dei colori;
- Monocromatico: quando vengono selezionate più tonalità ravvicinate dello stesso colore;
- Analogico: una versione più avanzata dello schema monocromatico. In questo caso, le sfumature dello stesso colore sono a una certa distanza.
L'implementazione di tutti questi schemi è ben rappresentata all'interno del servizio paletton.com. Ti consente di eseguire facilmente una selezione armoniosa di colori.
Codici Minecraft fiori o Minecraft codici formattazione, consente 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
Una e commerciale (&) seguita da un numero esadecimale nei messaggi segnala al client di cambiare colore durante la visualizzazione del testo. In alternativa, il testo può essere formattato utilizzando il carattere & seguito da una lettera. Puoi aggiungere vari colori nei libri blocchi di comando, nome del server, descrizione del server (motd), al nome dei mondi, ai segni e persino ai nomi dei giocatori.
È molto facile formattare il testo nelle configurazioni o nel gioco usando la tabella dei colori qui sotto. &r viene utilizzato per cancellare tutti i codici, ad es. &mAAA&rBBB verrà visualizzato come AAA BBB.
Presentiamo una tabella dei codici colore esistenti in Minecraft per tua comodità:
Il codice | Nome | Nome tecnico | Colore 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 navy | 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 scuro-verde | dark_aqua | 0 | 170 | 170 | 00AAAA | 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 | bianca | 255 | 255 | 255 | FFFFFF | 63 | 63 | 63 | 3F3F3F |
A volte è necessario sottolineare, sottolineare, evidenziare qualche testo. Per questo, viene utilizzata la formattazione del testo. Si usa allo stesso modo dei colori (prima del testo che mettiamo il codice, ad esempio &lMinecraft= Minecraft.
Per comodità, di seguito è riportata una tabella di codici per la formattazione:
Il codice | Nome |
---|---|
&K | testo magico |
&l | Miniatura |
&m | Testo barrato |
&n | Testo sottolineato |
&o | Testo in corsivo |
&r | Testo senza formattazione |
I giochi per computer sono uno dei modi più popolari per trascorrere il tempo libero in modo interessante. Immergendoci nel mondo dei videogiochi, dimentichiamo i problemi e le difficoltà reali, ci rilassiamo e ci divertiamo. E se questo è un gioco online o un gioco in modalità multiplayer, il suo principale vantaggio è che qui puoi incontrare molte persone da tutto il mondo e trovare non solo persone che la pensano allo stesso modo, ma anche migliori amici. Vuoi sapere come le impostazioni di gioco, fino al colore in "MTA", possono influenzare la tua comunicazione con altri giocatori? Continuare a leggere!
Caratteristiche della modalità multiplayer
Ti sei mai chiesto: come regolare i colori in "MTA" o in qualche altro gioco? Nessuna delle persone con cui hanno mai avuto l'opportunità di giocare online grande quantità giocatori, non negherò che di fronte agli altri voglio mettermi in mostra luce migliore. Puoi mostrare le cose speciali e costose del tuo personaggio, distinguerti nella conoscenza della terminologia del gioco o semplicemente personalizzare l'interfaccia del tuo gioco in modo che funzioni meglio dei giocatori inesperti.
Colori in "MTA": cosa devi sapere?
Se parliamo di una delle versioni della modalità multiplayer del gioco "GTA: San Andreas", "MTA", allora il colore gioca un ruolo molto importante qui. La possibilità di personalizzare il colore del tuo soprannome in "MTA" è una delle migliori abilità che ogni giocatore alle prime armi dovrebbe acquisire.
Quindi, per impostare il colore del nickname, vai all'applicazione "MTA:CA" e fai clic sull'opzione Impostazioni, quindi seleziona il tuo nome, quindi inserisci il codice del colore desiderato proprio davanti ad esso. In "MTA" c'è un'ampia tavolozza di colori per i soprannomi. Nell'articolo abbiamo inserito delle palette campione tra le quali puoi scegliere la tua tonalità preferita.
Ora sai come distinguerti e rendere il tuo soprannome diverso dai soprannomi di principianti e giocatori inesperti. Luminoso, ti distinguerà dai normali giocatori e attirerà più attenzione su di te. Goditi il tuo gioco!
IN Colore HTML può essere impostato in tre modi:
Impostazione del colore in HTML in base al suo nome
Alcuni colori possono essere specificati con il loro nome, usando il nome del colore sul lingua inglese. Il più comune parole chiave: nero (nero), bianco (bianco), rosso (rosso), verde (verde), blu (blu), ecc:
Colore del testo: rosso
I colori più popolari dello standard World Wide Web Consortium (W3C) sono:
Colore | Nome | Colore | Nome | Colore | Nome | Colore | Nome |
---|---|---|---|---|---|---|---|
Nero | Grigio | Argento | Bianco | ||||
Giallo | lime | Acqua | Fucsia | ||||
Rosso | Verde | Blu | Porpora | ||||
marrone | Oliva | Marina Militare | Verde acqua |
Esempio di utilizzo vari colori titoli:
Esempio: impostare un colore in base al suo nome
- Prova tu stesso "
Intestazione su sfondo rosso
Intestazione su sfondo arancione
Intestazione su sfondo lime
Testo bianco su sfondo blu
Intestazione su sfondo rosso
Intestazione su sfondo arancione
Intestazione su sfondo lime
Testo bianco su sfondo blu
Specificare il colore con RGB
Quando si visualizzano colori diversi sul monitor, la tavolozza RGB viene presa come base. Qualsiasi colore si ottiene mescolando i tre principali: R - rosso, G - verde (verde), B - blu (blu). La luminosità di ogni colore è data da un byte e quindi può assumere valori da 0 a 255. Ad esempio, RGB (255,0,0) viene visualizzato come rosso perché il rosso è impostato al suo valore più alto (255) e il altri sono impostati su 0 Puoi anche impostare il colore come percentuale. Ciascuno dei parametri 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 saturazione media:
Esempio: specificare un colore con RGB
- Prova tu stesso "
RGB(127, 255, 127)
RGB(50%, 100%, 50%)
RGB(127, 255, 127)
RGB(50%, 100%, 50%)
Imposta il colore per valore esadecimale
I 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 (equivalente a decimale 0- 255). Il sistema esadecimale, a differenza del sistema decimale, si basa, come suggerisce il nome, sul numero 16. Il sistema esadecimale utilizza seguendo i segni: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, A, B, C, D, E, F. Qui vengono sostituiti i numeri da 10 a 15 con lettere latine. I numeri maggiori di 15 nel sistema esadecimale sono l'unione di due caratteri in un unico valore. Ad esempio, il numero più alto 255 in decimale corrisponde al più alto FF in esadecimale. A differenza del sistema decimale, il numero esadecimale è preceduto dal cancelletto. # , ad esempio, #FF0000 viene visualizzato come rosso perché il rosso è impostato sul valore più alto (FF) e gli altri colori sono impostati sul valore minimo (00). Caratteri dopo il cancelletto # può essere digitato sia in maiuscolo che in minuscolo. Il sistema esadecimale consente di utilizzare la forma abbreviata #rgb, dove ogni carattere è uguale a due volte. 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 comunemente usati (nome, HEX e RGB):
Titolo 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 navy | #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 | |
Porpora | Viola | #800080 | 128 | 0 | 128 | |
Rosso | Rosso | #FF0000 | 255 | 0 | 0 | |
Zafferano | Zafferano | #F4C430 | 244 | 196 | 48 | |
verde mare | 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à.