I codici colore CSS vengono utilizzati per specificare un colore. In genere, i codici colore o i valori dei colori vengono utilizzati per impostare un colore per il primo piano di un elemento (ad esempio, colore del testo, colore del collegamento) o per lo sfondo di un elemento (colore di sfondo, colore del blocco). Possono anche essere usati per cambiare il colore di un pulsante, bordo, pennarello, 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:

I formati elencati sono descritti più dettagliatamente di seguito.

Colori CSS - Codici esadecimali

Codice colore esadecimaleè una rappresentazione a sei cifre di un colore. 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è la forma più breve della notazione a sei cifre. In questo formato, ogni cifra viene ripetuta per produrre il valore di colore a sei cifre equivalente. 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 in CSS sarà preceduto da un cancelletto "#". Di seguito sono riportati esempi di utilizzo della notazione esadecimale.

Colori CSS - Valori RGB

valore RGBè il 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à color rgb(), quindi non è consigliabile utilizzarla.

Di seguito è riportato un esempio che mostra più colori utilizzando i valori RGB.

Generatore di codici colore

Puoi creare milioni di codici colore utilizzando 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 CSS vanno da 000000 a FFFFFF esadecimale. Sono sicuri da usare perché assicurano che tutti i computer visualizzino correttamente i colori quando si lavora con una tavolozza di 256 colori.

I giochi per computer sono uno dei modi più popolari per trascorrere il tempo libero. Immergendosi nel mondo dei videogiochi, ci dimentichiamo dei problemi e dei guai 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 ai colori in "MTA", possono influenzare il modo in cui comunichi con gli 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 che hanno mai avuto l'opportunità di giocare a un gioco online con un gran numero di giocatori negherà di voler mostrarsi nella luce migliore di fronte agli altri. Puoi vantarti di cose speciali e costose del tuo personaggio, distinguerti nella tua conoscenza della terminologia di gioco o semplicemente personalizzare l'interfaccia del tuo gioco in modo che funzioni meglio di quella dei giocatori inesperti.

Colori in "MTA" - cosa devi sapere?

Se parliamo di una delle versioni della modalità di gioco multiplayer "GTA: San Andreas", "MTA", il colore gioca un ruolo molto importante qui. La possibilità di personalizzare il colore del tuo nickname in "MTA" è una delle migliori abilità che ogni giocatore principiante dovrebbe acquisire.

Quindi, per personalizzare il colore del nickname, vai all'applicazione "MTA: CA" e fai clic sull'opzione Impostazioni, quindi seleziona il tuo nome, quindi inserisci il codice colore desiderato proprio di fronte ad esso. In "МТА" c'è un'ampia tavolozza di colori per i soprannomi. Nell'articolo abbiamo inserito delle tavolozze campione dalle quali puoi scegliere la tonalità che più ti piace.

Ora sai come distinguerti e rendere il tuo soprannome diverso dai soprannomi dei principianti e dei giocatori inesperti. Luminoso, ti farà distinguere dai normali giocatori e attirerà più attenzione su di te. Goditi il ​​tuo gioco!

CSS non è compreso). Pertanto, il futuro webmaster deve semplicemente imparare Strumenti HTML che ti permettono di cambiare il colore, ad esempio, per realizzare newsletter e-mail luminose e colorate che attirino l'attenzione del target di riferimento del sito.

Questo post si è rivelato piuttosto voluminoso, ma da esso imparerai tutte le caratteristiche tecniche del lavoro con il colore usando HTML. Inizieremo la registrazione risolvendo la domanda: perché abbiamo bisogno di evidenziare alcuni elementi della pagina HTML con il colore. Quindi parleremo del modello RGB, che ti consente di specificare i colori in HTML usando codici speciali (lungo la strada, esamineremo i codici dei colori decimali e i valori esadecimali dei colori HTML). Anche da questo post imparerai a conoscere la tavolozza dei colori e capirai anche perché non esiste una tavolozza in HTML. E il completamento di questa pubblicazione sarà esempi di modifica del colore di sfondo, del testo e dei collegamenti.

Usare i colori in HTML

Le pagine del sito sarebbero noiose e poco interessanti senza immagini, come abbiamo detto prima e in modo molto dettagliato. Ma le immagini hanno uno svantaggio significativo: ogni immagine è un carico aggiuntivo e, di conseguenza, aggiuntivo sull'hosting.

Nota che non ho usato una singola immagine per progettare il mio blog WordPress, il layout è completamente decorato con il colore. proprio lo stesso parleremo dei colori in HTML oggi... I colori in HTML vengono utilizzati per scopi diversi, ad esempio possiamo progettare layout di siti, evidenziando l'uno o l'altro in un colore o nell'altro.

Con l'aiuto del colore, possiamo focalizzare l'attenzione dei nostri visitatori su un particolare testo o blocco del sito. Nota che è anche definito usando il colore in modo tale che l'utente possa capire su quale link ha già cliccato, quale non ha ancora visitato e su quale pagina HTML si trova in quel momento.

Stai attento usare i colori per modellare i documenti HTML, non tutti i colori sono compatibili tra loro e non tutti i colori saranno graditi ai visitatori del tuo sito. Ma è meglio chiedere ai web designer queste sottigliezze, questo articolo ti aiuterà a capire le caratteristiche tecniche che ti consentono di controllare il colore degli elementi della pagina HTML.

Ma non dovresti dimenticare che il layout dovrebbe essere separato dal contenuto, quindi è meglio usare i CSS per la manipolazione del colore nelle pagine HTML, ma ne parleremo in un altro post. Ora vedremo quali strumenti ci sono in HTML per la gestione del colore nelle pagine del sito.

Ci sono molti modelli di colore disponibili nel settore IT per la manipolazione del colore. Il modello di rappresentazione del colore più utilizzato è il modello RGB. Parleremo di alcune delle caratteristiche di questo modello qui e per una conoscenza più dettagliata di RGB ci sarà una pubblicazione separata. Di seguito troverai un elenco di modelli di colore utilizzati in informatica (non solo in HTML e CSS):

1. modello RGB. Questo modello è diventato molto diffuso e, forse, è uno dei modi più convenienti e comuni per manipolare il colore degli elementi HTML.
2. modello RGBA. Questo modello è molto simile al modello RGB ma include un canale di colore alfa. La particolarità del modello RGBA è che permette di regolare non solo il colore dell'elemento HTML, ma anche la sua trasparenza per la presenza di un canale alfa. Il modello RGBA è stato aggiunto in CSS3 e non è supportato dai browser più vecchi.
3. modello HSL. La particolarità del modello HSL è che impostiamo il colore utilizzando i suoi parametri: tonalità, saturazione e luminosità. Questo modello è un po' più difficile da capire rispetto al modello RGB.
4. Modello HSL. Questo modello è molto simile al modello HSL, ma, come il modello RGBA, consente di lavorare con il canale alfa del colore, quindi, utilizzando HSLA, possiamo impostare non solo il colore dell'elemento HTML sulla pagina, ma anche la sua trasparenza.
5. Modello HSV (HSB). Questo modello non deve essere confuso con il modello HSL. Nota che i primi quattro modelli possono essere utilizzati in HTML o CSS per lo stile delle pagine web, ma il modello HSV no. Il modello HSV è stato sviluppato da uno dei fondatori dello studio Pixar nel 1978 ed è molto simile all'HSL.
6. Modello CMY o CMYK. Questo modello è utilizzato in tutte le stampanti a colori per la stampa. Il modello CMYK si basa sulla regola che la stampa avviene su fogli di carta bianchi. Qualsiasi colore CMYK è una miscela di ciano, magenta e giallo. Ciascun colore nel modello CMY ha una caratteristica di opacità (quantità di inchiostro), misurata in percentuale. Ma oltre ai tre colori elencati, il modello CMYK utilizza anche il nero.

Tutti i modelli di colore di cui sopra dipendono dal dispositivo, ovvero se tu imposta il colore dell'elemento HTML usando il modello RGB o HSL, allora è impossibile dire con certezza quale tonalità di colore vedrà un visitatore del tuo sito, poiché tutti gli utenti hanno monitor diversi e trasmettono i colori in modi diversi. Si noti inoltre che tutti i modelli di cui sopra si basano sul modello RGB e qualsiasi colore specificato in uno qualsiasi dei modelli (eccetto HSLA e RGBA a causa della presenza di un canale alfa) può essere convertito in RGB.

Se parliamo di modelli di resa cromatica indipendenti dal dispositivo, vale la pena notare il modello LAB. Quindi, abbiamo fatto un passo indietro rispetto al lavoro con il colore in HTML, familiarizzando con alcuni modelli di colore. Nota che i browser "capiscono" solo i primi quattro modelli: HSL, RGB, HSLA e RGBA. Pertanto, possiamo controllare solo il colore degli elementi HTML utilizzando questi modelli.

Come si forma il colore di un elemento HTML: alcune caratteristiche del modello RGB

Scopriamolo come si forma il colore di un elemento HTML e con alcune peculiarità del modello RGB. Nota che parleremo del modello RGB, così come di altri modelli che vengono utilizzati per progettare pagine Web, un po' più avanti in post separati.

Quindi, il modello RGB sta per Rosso, Verde, Blu. Il modello RGB si basa sul principio di additività. Questo principio è che per ottenere un colore si aggiunge un colore al nero. Per una migliore comprensione, immagina che il tuo schermo sia un muro nero e che tu abbia tre faretti: il primo brilla di rosso, il secondo brilla di verde e il terzo di blu. È possibile regolare la luminosità di ciascun faretto utilizzando un righello con numeri da 0 a 255. Di conseguenza, se si imposta il faretto su zero, si spegne e non si illumina, se il valore è 255, il faretto dà il colore più brillante.

Pertanto, si scopre che se brilli nello stesso punto con un riflettore rosso e uno verde, noterai una macchia gialla sul muro nero. Se combini il rosso e il blu, ottieni il magenta, e se combini il verde e il blu, il punto luminoso sul muro nero sarà ciano, ma se punti tutti e tre i faretti nello stesso punto, il punto luminoso sarà bianco .

Il principio sopra descritto è al centro del modello RGB e viene applicato per manipolare i colori negli elementi HTML su una pagina in un browser.

Attributi HTML per cambiare il colore degli elementi: il colore di sfondo dell'elemento e il colore del testo all'interno dell'elemento

Utilizzato per rendere unici gli elementi della pagina. Usando gli attributi HTML, possiamo manipolare il colore degli elementi:

1. Colore dell'attributo HTML. Questo attributo ti permette di cambiare il colore del testo all'interno dell'elemento HTML. L'attributo può assumere valori sotto forma di nomi di colori HTML e utilizzando codici RGB in notazione esadecimale e in notazione decimale. L'attributo color è un attributo HTML univoco che consente di modificare il colore del testo all'interno di alcuni elementi HTML.
2. Testo dell'attributo HTML. Questo attributo è un attributo univoco del tag ... Etichetta insieme ai tag e modulo. Se ricordi, dentro il contenitore vengono posizionati gli elementi, che vengono quindi visualizzati dal browser nella finestra. L'attributo text ti permette di impostare colore del testo predefinito per l'intera pagina HTML.
3. Attributo HTML bgcolor. È anche un attributo HTML univoco e consente di modificare il colore di sfondo di alcuni elementi HTML.
4. Attributo HTML vlink. Questo attributo è univoco e si applica solo al tag. per cambiare il colore di un collegamento che l'utente ha già visitato.
5. Attributo HTML alink. Anche questo attributo è univoco e si applica solo al tag. ... L'attributo alink cambia il colore del collegamento HTML attivo.
6. Attributo del collegamento HTML. L'attributo link viene utilizzato solo in combinazione con il tag e serve a cambiare il colore dei link delle pagine HTML che l'utente non ha ancora visitato.

Tieni presente che non è consigliabile utilizzare gli attributi per modificare il colore degli elementi HTML, poiché esistono fogli di stile a cascata che consentono di separare l'aspetto di una pagina Web dal suo contenuto.

Utilizzo di codici colore decimali in HTML

Quindi, abbiamo parlato del fatto che un riflettore può essere impostato sulla luminosità di un colore usando un righello speciale con immagini numerate da 0 a 255. E ora vediamo come questo ci aiuterà a cambiare il colore degli elementi HTML. Il punto è che possiamo cambiare il colore del testo all'interno dell'elemento HTML o il colore di sfondo in HTML usando il codice decimale come segue:

Se crei un documento HTML in cui è descritto il contenitore del corpo, come nell'esempio, vedrai:

1. Il colore di sfondo del documento HTML è diventato verde: bgcolor = ”rgb (0,255,0)”.
2. Il colore del testo della pagina HTML diventerà blu: text = ”rgb (0,0,255)”.
3. Il colore del link HTML che l'utente non ha visitato sarà bianco: link = ”rgb (255,255,255)”.
4. I fiori del collegamento attualmente aperto saranno neri: alink = ”rgb (0,0,0)”.
5. E il colore del link HTML che è già stato visitato sarà rosso: vlink = ”rgb (255,0,0)”.

Nota: nessuno ti vieta di regolare la "potenza dei riflettori" a tua discrezione, puoi imposta il colore HTML, ad esempio, in questo modo:

E prendi il colore della sorpresa infantile. Questa è la caratteristica, la flessibilità e la comodità del modello RGB. Il tuo monitor è una parete nera su cui brillano i riflettori e puoi regolare la potenza di questi riflettori e creare tutti i tipi di sfondo, testo e colori dei collegamenti utilizzando gli attributi HTML in notazione decimale, oppure puoi anche dire: utilizzando codici colore decimali.

In realtà è sbagliato dire codici colore decimali in HTML, sarebbe più corretto dire codici colore RGB decimali perché questo modello viene utilizzato non solo per progettare pagine Web in HTML e CSS.

Valori di colore HTML esadecimali

Non è molto conveniente impostare il colore degli elementi HTML con codici RGB decimali (e al momento non tutti i browser supportano questo metodo di manipolazione del colore), poiché il record non sarà il più compatto, è molto più conveniente impostare il colore degli elementi HTML utilizzando valori esadecimali. Nell'immagine qui sotto, puoi vedere come i valori decimali vengono convertiti in valori esadecimali.

Per coloro che non hanno familiarità con il sistema numerico esadecimale, dovrebbe essere data una piccola spiegazione in modo che tu possa facilmente manipolare il colore degli elementi HTML utilizzando codici RGB esadecimali... Innanzitutto, il sistema di numerazione decimale è così chiamato perché qualsiasi numero può essere ottenuto da una combinazione di dieci cifre (la terminologia è importante: c'è una differenza tra un numero e una cifra): 0, 1, 2, 3, 5, 6 , 7, 8, 9.

Nel sistema numerico esadecimale, qualsiasi numero può essere scritto utilizzando una combinazione di sedici cifre: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, a, b, c, d, e, f. Per facilità di comprensione, puoi assumere che a sia dieci e f sia quindici. Ad esempio, il numero sedici sarà scritto in notazione esadecimale come segue: 10. E il numero 255 sarà scritto come ff.

Ora vediamo come possiamo imposta il colore degli elementi HTML usando valori esadecimali, per ripetere il nostro esempio precedente, sostituendo i codici colore decimali con le loro controparti esadecimali:

Nota: scrivere il colore in HTML in formato esadecimale è un po' più compatto che decimale, questo è il primo. Secondo: la potenza di ogni faretto è impostata da numeri da 0 a 255. Per registrare il numero 255 occorrono due cifre in formato esadecimale (ff = 250), quindi la luminosità di ogni canale colore (i nostri faretti chiamano correttamente il canale colore , canale colore) è impostato da due numeri da 0 a f.

Nota: la luminosità di ciascun canale di colore è impostata separatamente, ma se immaginiamo che questo sia un numero, il numero massimo possibile nel sistema esadecimale del modello RGB è ffffff, ci darà il bianco e nel sistema decimale è: 16 777 215. Questo numero di colori e sfumature ti consente di impostare / utilizzare il modello RGB... Questo numero è ottenuto dal fatto che ogni canale colore ha 256 valori di luminosità (da 0 a 255), rispettivamente: 256 * 256 * 256 = 16.777.215.

I valori esadecimali del colore HTML sono più compatti e descrittivi, la maggior parte dei web designer e dei layout designer utilizza valori esadecimali per la manipolazione del colore in HTML, quindi ti consigliamo di non abituarti alla notazione decimale del colore, ma di utilizzare immediatamente l'esadecimale.

È chiaro che all'inizio sarà difficile per un designer alle prime armi o un designer di layout navigare nella forma esadecimale della notazione del colore, quindi quasi tutti gli editor grafici hanno una cosiddetta tavolozza dei colori, che consente di selezionare il colore desiderato e ottenere il suo codice per diversi modelli di colore in diversi sistemi di numerazione.

Alcuni editor di testo, come, e hanno estensioni della tavolozza che sono utili quando vuoi scegliere rapidamente un colore e cambiarlo. A questo proposito non posso dire nulla.

Nomi dei colori in HTML

Gli attributi HTML possono assumere come valori non solo codici decimali e valori esadecimali ma anche nomi di colori speciali. Cambiare il colore degli elementi HTML usando il suo nome non è una buona idea. In primo luogo, il codice colore in HTML nasconde il codice del modello RGB dietro il nome del colore e, in secondo luogo, ogni browser visualizza il colore dell'elemento HTML specificato dal nome in modi diversi, dipende solo dai desideri degli sviluppatori del browser.

Così l'uso del nome del colore in HTML è deprecato... Il modello RGB dipende dal dispositivo e il colore specificato dal nome dipende dal browser e persino dalla sua versione. Proviamo a colorare gli elementi di una pagina HTML usando un nome:

Come puoi immaginare, ci sono molti colori e sfumature. Vale la pena notare qui che gli attributi HTML non ti consentono di impostare un gradiente, esiste una tale possibilità nei CSS, ma ne parleremo in un altro post. E ci sono nomi per molti colori in HTML. Puoi trovare una tabella con i nomi dei colori in HTML e i loro codici RGB sul mio sito web.

La tabella sopra mostra che colore assumerà l'elemento HTML se gli dai un nome... Questa tabella contiene 16 colori e i loro nomi, che sono approvati dal consorzio W3C e dovrebbero essere visualizzati allo stesso modo in qualsiasi browser. Ma in effetti, in HTML, puoi utilizzare circa 200 nomi di colori supportati dai principali browser, come Opera, Chrome, Firefox, Safari, Internet Explorer (questa affermazione è molto controversa su quest'ultimo).

Tavolozza dei colori in HTML

In realtà non esiste un selettore di colori in HTML... Ricordiamo la definizione della parola tavolozza. Una tavolozza è una tavola piccola, sottile, rettangolare o di forma ovale su cui l'artista mescola i colori e ottiene tutti i tipi di colori. A volte viene praticato un foro per il pollice nella tavolozza per una presa comoda. Un'immagine della tavolozza può essere trovata di seguito. Pertanto, non esiste una tavolozza in HTML.

Ma vari editor di testo hanno plugin per la tavolozza dei colori che aiutano abbinare rapidamente il colore di un elemento HTML... C'è anche una tavolozza di colori negli editor grafici, perché non è molto comodo e divertente per un designer sedersi e calcolare: quale colore risulterà a una data luminosità di un canale o di un altro. Nell'immagine qui sotto puoi vedere la tavolozza più semplice dell'editor Paint.

Nota che molti moduli e plug-in della tavolozza dei colori ti consentono di ottenere il codice colore non solo nel formato RGB / RGBA, ma anche nel formato di altri modelli. Ricorda che non c'è una tavolozza in HTML, beh, a meno che tu non sia un artista fino al midollo e chiama il selettore di colori della pagina HTML quei colori, che erano usati per decorarlo (dopotutto, a volte la tavolozza è chiamata i colori che usa un particolare artista o i colori che sono stati usati nella creazione di un particolare quadro).

Impara a cambiare il colore del testo in HTML

Noi abbiamo molta teoria sui colori in HTML, facciamo pratica e proviamo lavorare con i colori degli elementi HTML... La prima cosa che impareremo a fare è cambia il colore del testo in un documento HTML utilizzando attributi e tag speciali. Apri un qualsiasi editor e scrivici il seguente codice:

Impara a lavorare con il colore in HTML

Cambia il colore del testo

Per cambiare il colore del testo, possiamo utilizzare l'attributo univoco dell'elemento di testo BODY e anche l'elemento FONT e il suo attributo color. Questo testo sarà disattivato.

Salverò questo file come color.html e ti dirò di non dimenticarlo. La notazione del colore nella notazione decimale non è supportata da Chrome, Firefox e Opera, ma IE comprende tale notazione del colore ed evidenzia l'intestazione HTML in verde:

È corretto dire non cambiare il colore del testo in HTML, ma cambiare il colore del carattere in HTML. Di

Trucchi Minecraft colori, o Minecraft codici formattazione, consenti a qualsiasi giocatore di aggiungere fiori e formattare il testo in ogni modo direttamente in Minecraft. Codici colore& 0-9 - a & a-f. Aggiungili davanti al tuo testo. I messaggi del giocatore possono contenere codici colore che ti consentono di aggiungere colore ai tuoi suggerimenti.

Colori e codici di formattazione

La 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 con il carattere & seguito da una lettera. Puoi aggiungere colori diversi a libri, blocchi di comando, nome del server, descrizione del server (motd), nomi dei mondi, targhe e persino nomi dei giocatori.

È molto facile formattare il testo nelle configurazioni o nel gioco utilizzando la tabella dei colori qui sotto. & r viene utilizzato per cancellare tutti i codici, ad es. & mAAA & rBBB verranno visualizzati come AAA BBB.

Per tua comodità, presentiamo una tabella dei codici colore esistenti in Minecraft:

A volte hai bisogno sottolineare, barrare, evidenziare qualsiasi testo... Per questo, viene utilizzata la formattazione del testo. Si usa allo stesso modo dei colori (davanti al testo che mettiamo il codice ad esempio & lMinecraft = Minecraft.

Per tua comodità, di seguito è riportata una tabella di codici di formattazione:

Purtroppo non è ancora possibile visualizzare le sensazioni gustative sul sito. Ma questo può essere completamente compensato con l'aiuto dei colori. Dopotutto, i colori html ti consentono di visualizzare una qualsiasi delle milioni di sfumature. Così che " matite colorate Ci sono molto più di sette nel suo set.

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 html sono costituiti da tre coppie di numeri esadecimali. Ogni coppia è responsabile della saturazione della tonalità con il suo colore principale:

• La prima coppia numerica è responsabile del colore rosso;
• La seconda coppia è per il contenuto di verde;
• Quest'ultimo è per il contenuto del colore blu.

Un cancelletto è posto all'inizio del codice (prima dei numeri). Questo è il codice colore esadecimale. Oltre ai numeri da 1 a 9, questo sistema di numerazione utilizza lettere dell'alfabeto latino (A, B, C, D, E, F).

Ad esempio, il codice bianco in html sarà simile a #FFFFFF:

2. Parola chiave: html attualmente 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: grigio e grigio. Il loro codice esadecimale (HEX) è impostato dallo stesso valore # 808080.

Esempio:

#808080

3. In formato RGB: questa codifica del colore 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.

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 migliorato, dove il quarto valore specifica la trasparenza del colore come 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 colori HTML e generatori di colori

Con una gamma così ampia di impostazioni del colore, è facile confondersi. Pertanto, è stata inventata una cartella colori speciale. In esso, a 147 nomi chiave di sfumature di colore vengono assegnati codici di conformità 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 web colorscheme.ru:

Ma anche con una tale strutturazione della partita, la selezione della tonalità desiderata può essere difficile. E non è un dato di fatto che la tabella dei codici colore contenga quella giusta.

Per aggirare questa barriera e rendere il più facile possibile trovare la giusta tonalità, sono stati sviluppati servizi web interattivi. La loro interfaccia utente può variare leggermente.

Sul sito web 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 appositi cursori. Visivamente, la tinta viene visualizzata nel colore della cornice e del rettangolo sul lato sinistro. In basso, in 3 campi, viene visualizzato 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 tale strumento. Ad esempio Photoshop:

Sicurezza del colore

Ed è stato molto tempo fa, nell'era delle schede video che supportano solo 256 colori. In quei tempi lontani, i sistemi operativi potevano visualizzare solo un certo numero di sfumature a otto bit senza distorsioni.

Quindi è stato sviluppato il grande tavolo color safe. 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:

Nel nostro tempo, tutto è cambiato. Pertanto, tutte le regole di sicurezza quando si lavora con il colore in html vengono completamente annullate. Dopotutto, l'hardware del computer moderno supporta più di 16 milioni di sfumature diverse. E 216 colori sicuri sono caduti nell'oblio.

Questi dati sono pienamente confermati dalle statistiche. A giudicare da ciò, nel 2014 solo lo 0,5% degli utenti dispone di computer che supportano solo 256 sfumature.

Nozioni di base sull'armonia dei colori

Non tutti noi siamo dotati di un naturale senso del gusto armonioso. Pertanto, scegliere il colore giusto può essere una vera sfida. Ma, lode alla scienza, è riuscita a descrivere anche l'armonia dei colori sotto forma di diversi schemi. Sono tutti basati sull'uso della ruota dei colori. Schemi per la corrispondenza armoniosa dei colori in html:

• Combinazione di colori parallela - quando entrambe le sfumature nella ruota dei colori sono parallele;
• Schema triadico: tutti gli angoli del triangolo si basano su uno dei colori;
• Monocromatico: quando vengono selezionate più sfumature ravvicinate dello stesso colore;
• Analog è una versione più avanzata del circuito monocromatico. In questo caso, le sfumature dello stesso colore si trovano a una certa distanza.

L'implementazione di tutti questi schemi è ben rappresentata nel servizio paletton.com. Consente di realizzare facilmente un armonioso accostamento di colori.