Codurile de culoare CSS sunt folosite pentru a specifica o culoare. De obicei, codurile de culoare sau valorile de culoare sunt folosite pentru a seta o culoare fie pentru prim-planul unui element (de exemplu, culoarea textului, culoarea linkului), fie pentru fundalul unui element (culoarea fundalului, culoarea blocului). Ele pot fi, de asemenea, folosite pentru a schimba culoarea unui buton, chenar, marker, hover și alte efecte decorative.

Puteți seta propriile valori de culoare în diferite formate. Următorul tabel listează toate formatele posibile:

Formatele enumerate sunt descrise mai detaliat mai jos.

Culori CSS - coduri hexazecimale

Cod de culoare hexazecimal este o reprezentare din șase cifre a unei culori. Primele două cifre (RR) reprezintă valoarea roșie, următoarele două reprezintă valoarea verde (GG) și ultimele două reprezintă valoarea albastră (BB).

Culori CSS - coduri hexadecimale scurte

Cod de culoare hexadecimal scurt este forma mai scurtă a notației din șase cifre. În acest format, fiecare cifră este repetată pentru a produce valoarea echivalentă a culorii din șase cifre. De exemplu: # 0F0 devine # 00FF00.

Valoarea hexazecimală poate fi luată din orice software de grafică, cum ar fi Adobe Photoshop, Core Draw etc.

Fiecare cod de culoare hexazecimal din CSS va fi precedat de semnul hash „#”. Următoarele sunt exemple de utilizare a notației hexazecimale.

Culori CSS - Valori RGB

Valoarea RGB este codul de culoare, care este setat folosind proprietatea rgb (). Această proprietate are trei valori, câte una pentru roșu, verde și albastru. Valoarea poate fi un număr întreg, de la 0 la 255 sau un procent.

Notă: nu toate browserele acceptă proprietatea de culoare rgb (), deci nu este recomandat să o folosești.

Mai jos este un exemplu care arată mai multe culori folosind valori RGB.

Generator de coduri de culoare

Puteți crea milioane de coduri de culoare folosind serviciul nostru.

Culori sigure pentru browser

Mai jos este un tabel cu 216 culori care sunt cele mai sigure și mai independente de computer. Aceste culori CSS variază de la 000000 la FFFFFF hexazecimal. Sunt sigure de utilizat deoarece asigură că toate computerele afișează corect culoarea atunci când lucrează cu o paletă de 256 de culori.

Jocurile pe calculator sunt una dintre cele mai populare moduri de a-ți petrece timpul liber. Afundându-ne în lumea jocurilor video, uităm de probleme și necazuri reale, ne relaxăm și ne distrăm. Și dacă acesta este un joc online sau un joc în modul multiplayer, atunci principalul său avantaj este că aici poți întâlni mulți oameni din toată lumea și să găsești nu doar oameni cu gânduri similare, ci și cei mai buni prieteni. Doriți să știți cum setările jocului, până la culorile din „MTA”, pot afecta modul în care comunicați cu alți jucători? Citiți mai departe!

Caracteristicile modului multiplayer

Te-ai întrebat vreodată cum să reglezi culorile în „MTA” sau într-un alt joc? Niciunul dintre cei care au avut vreodată ocazia să joace un joc online cu un număr mare de jucători nu va nega că vrea să se arate în cea mai bună lumină în fața celorlalți. Vă puteți lăuda cu lucruri speciale și scumpe ale personajului dvs., vă puteți remarca prin cunoștințele dvs. de terminologie pentru jocuri sau pur și simplu personalizați interfața jocului, astfel încât să funcționeze mai bine decât cea a jucătorilor fără experiență.

Culorile în „MTA” - ce trebuie să știți?

Dacă vorbim despre una dintre versiunile modului de joc multiplayer „GTA: San Andreas”, „MTA”, atunci culoarea joacă un rol foarte important aici. Capacitatea de a personaliza culoarea pentru porecla dvs. în „MTA” este una dintre cele mai bune abilități pe care ar trebui să le dobândească fiecare jucător începător.

Așadar, pentru a personaliza culoarea poreclei, accesați aplicația „MTA: CA” și faceți clic pe opțiunea Setări, apoi selectați-vă numele, apoi introduceți codul de culoare dorit chiar în fața acestuia. În „МТА” există o paletă mare de culori pentru porecle. În articol, am introdus palete mostre din care poți alege nuanța care îți place.

Acum știi cum poți să ieși în evidență și să-ți faci porecla diferită de poreclele jucătorilor începători și fără experiență. Luminos, te va face să ieși în evidență față de jucătorii obișnuiți și să atragă mai multă atenție asupra ta. Bucură-te de jocul tău!

CSS nu este înțeles). Prin urmare, viitorul webmaster trebuie pur și simplu să învețe Instrumente HTML care vă permit să schimbați culoarea, de exemplu, pentru a realiza buletine informative prin e-mail luminoase și colorate care să atragă atenția publicului țintă al site-ului.

Această postare sa dovedit a fi destul de voluminoasă, dar din ea veți afla despre toate caracteristicile tehnice ale lucrului cu culoarea folosind HTML. Vom începe înregistrarea prin sortarea întrebării: de ce trebuie să evidențiem anumite elemente ale paginii HTML cu culoare. Apoi vom vorbi despre modelul RGB, care vă permite să specificați culorile în HTML folosind coduri speciale (pe parcurs, ne vom uita la codurile de culoare zecimale și la valorile hexazecimale ale culorilor HTML). Tot din această postare veți afla despre paleta de culori și, de asemenea, veți înțelege de ce nu există paletă în HTML. Și finalizarea acestei publicații va fi exemple de schimbare a culorii de fundal, a textului și a linkurilor.

Utilizarea culorilor în HTML

Paginile site-ului ar fi plictisitoare și neinteresante fără imagini, așa cum am vorbit mai devreme și în detaliu. Dar imaginile au un dezavantaj semnificativ: fiecare imagine este o încărcare suplimentară și, în consecință, suplimentară pentru găzduire.

Rețineți că nu am folosit o singură imagine pentru a-mi proiecta blogul WordPress, aspectul este complet decorat cu culoare. Exact la fel vom vorbi astăzi despre culori în HTML... Culorile în HTML sunt folosite în scopuri diferite, de exemplu, putem proiecta machete de site, evidențiind una sau alta într-o culoare sau alta.

Cu ajutorul culorii, putem concentra atenția vizitatorilor noștri asupra unui anumit text sau bloc al site-ului. Rețineți că este, de asemenea, definit folosind culoarea în așa fel încât utilizatorul să poată înțelege pe ce link a făcut deja clic, pe care nu a vizitat încă și pe ce pagină HTML se află în acest moment.

Ai grija folosind culori pentru a stila documentele HTML, nu toate culorile sunt compatibile între ele și nu fiecare culoare va fi plăcută vizitatorilor site-ului dvs. Dar mai bine îi întrebați pe web designeri despre aceste subtilități, acest articol vă va ajuta să înțelegeți caracteristicile tehnice care vă permit să controlați culoarea elementelor paginii HTML.

Dar nu trebuie să uitați că aspectul trebuie separat de conținut, așa că este mai bine să folosiți CSS pentru manipularea culorilor pe paginile HTML, dar despre asta vom vorbi într-o altă postare. Acum vom vedea ce instrumente există în HTML pentru gestionarea culorilor pe paginile site-ului.

Există multe modele de culoare disponibile în industria IT pentru manipularea culorilor. Cel mai utilizat model de reprezentare a culorilor este modelul RGB. Despre câteva dintre caracteristicile acestui model vom vorbi aici, iar pentru o cunoaștere mai detaliată a RGB va exista o publicație separată. Mai jos veți găsi o listă de modele de culori utilizate în IT (nu numai în HTML și CSS):

1. Model RGB. Acest model a devenit foarte răspândit și, poate, este una dintre cele mai convenabile și obișnuite modalități de a manipula culoarea elementelor HTML.
2. Model RGBA. Acest model este foarte asemănător cu modelul RGB, dar include un canal de culoare alfa. Particularitatea modelului RGBA este că vă permite să ajustați nu numai culoarea elementului HTML, ci și transparența acestuia datorită prezenței unui canal alfa. Modelul RGBA a fost adăugat în CSS3 și nu este acceptat de browserele mai vechi.
3. Model HSL. Particularitatea modelului HSL este că setăm culoarea folosind parametrii săi: nuanță, saturație și luminozitate. Acest model este ceva mai greu de înțeles decât modelul RGB.
4. Modelul HSLA. Acest model este foarte asemănător cu modelul HSL, dar, ca și modelul RGBA, vă permite să lucrați cu un canal alfa de culoare, astfel încât folosind HSLA putem seta nu numai culoarea unui element HTML de pe pagină, ci și a acestuia. transparenţă.
5. modelul HSV (HSB). Acest model nu trebuie confundat cu modelul HSL. Rețineți că primele patru modele pot fi utilizate în HTML sau CSS pentru a stila paginile web, dar modelul HSV nu. Modelul HSV a fost dezvoltat de unul dintre fondatorii studioului Pixar în 1978 și este foarte asemănător cu HSL.
6. Model CMY sau CMYK. Acest model este utilizat în toate imprimantele color pentru imprimare. Modelul CMYK se bazează pe regula conform căreia tipărirea are loc pe coli albe de hârtie. Orice culoare CMYK este un amestec de Cyan, Magenta și galben. Fiecare culoare din modelul CMY are o caracteristică de opacitate (cantitate de cerneală), măsurată ca procent. Dar pe lângă cele trei culori enumerate, modelul CMYK folosește și negru.

Toate modelele de culoare de mai sus depind de dispozitiv, adică dacă dvs setați culoarea elementului HTML folosind modelul RGB sau HSL, atunci este imposibil să spuneți cu certitudine ce nuanță de culoare va vedea un vizitator al site-ului dvs., deoarece toți utilizatorii au monitoare diferite și transmit culorile în moduri diferite. De asemenea, rețineți că toate modelele de mai sus se bazează pe modelul RGB și orice culoare specificată în oricare dintre modele (cu excepția HSLA și RGBA datorită prezenței unui canal alfa) poate fi convertită în RGB.

Dacă vorbim despre modele de redare a culorilor independente de dispozitiv, atunci modelul LAB merită remarcat. Așadar, am făcut un pas înapoi de la lucrul cu culoarea în HTML, familiarizându-ne cu unele modele de culoare. Rețineți că browserele „înțeleg” doar primele patru modele: HSL, RGB, HSLA și RGBA. Prin urmare, putem controla doar culoarea elementelor HTML folosind aceste modele.

Cum se formează culoarea unui element HTML: câteva caracteristici ale modelului RGB

Să ne dăm seama cum se formează culoarea unui element HTMLși cu unele particularități ale modelului RGB. Rețineți că vom vorbi despre modelul RGB, precum și despre alte modele care sunt folosite pentru proiectarea paginilor web, puțin mai târziu în postări separate.

Deci, modelul RGB reprezintă roșu, verde, albastru. Modelul RGB se bazează pe principiul aditivității. Acest principiu este că pentru a obține o culoare se adaugă o culoare negru. Pentru o mai bună înțelegere, imaginați-vă că ecranul dvs. este un perete negru și aveți trei reflectoare: primul strălucește în roșu, al doilea strălucește în verde și al treilea în albastru. Puteți regla luminozitatea fiecărui spot folosind o riglă cu numere de la 0 la 255. În consecință, dacă setați reflectorul la zero, acesta se stinge și nu strălucește, dacă valoarea este 255, reflectorul dă cea mai strălucitoare culoare.

Astfel, reiese că dacă străluciți în același punct cu un spot roșu și unul verde, atunci veți observa o pată galbenă pe peretele negru. Dacă combinați roșu și albastru, obțineți magenta, iar dacă combinați verde și albastru, atunci punctul luminos de pe peretele negru va fi Cyan, dar dacă îndreptați toate cele trei reflectoare în același punct, atunci punctul luminos va fi alb .

Principiul descris mai sus se află în centrul modelului RGB și este aplicat pentru a manipula culorile în elemente HTML dintr-o pagină dintr-un browser.

Atribute HTML pentru schimbarea culorii elementelor: culoarea de fundal a elementului și culoarea textului din interiorul elementului

Folosit pentru a face elementele paginii unice. Folosind atribute HTML, putem manipula culoarea elementelor:

1. Culoarea atributului HTML. Acest atribut vă permite să schimbați culoarea textului din interiorul elementului HTML. Atributul poate lua valori sub formă de nume de culori HTML și folosind coduri RGB în notație hexazecimală și în notație zecimală. Atributul de culoare este un atribut HTML unic care vă permite să schimbați culoarea textului în cadrul unor elemente HTML.
2. Textul atributului HTML. Acest atribut este un atribut unic al etichetei ... Etichetă împreună cu etichete și formă. Dacă vă amintiți, în interiorul recipientului sunt plasate elemente, care sunt apoi afișate de browser în fereastra de vizualizare. Atributul text vă permite să setați culoarea implicită a textului pentru întreaga pagină HTML.
3. Atribut HTML bgcolor. Este, de asemenea, un atribut HTML unic și vă permite să schimbați culoarea de fundal a unor elemente HTML.
4. Atribut HTML vlink. Acest atribut este unic și se aplică numai etichetei. pentru a schimba culoarea unui link pe care utilizatorul l-a vizitat deja.
5. Atribut HTML alink. Acest atribut este, de asemenea, unic și se aplică numai etichetei. ... Atributul alink schimbă culoarea linkului HTML activ.
6. Atribut de link HTML. Atributul link este utilizat numai împreună cu eticheta și servește la schimbarea culorii link-urilor paginilor HTML pe care utilizatorul nu le-a vizitat încă.

Vă rugăm să rețineți că nu este recomandat să folosiți atribute pentru a schimba culoarea elementelor HTML, deoarece există foi de stil în cascadă care vă permit să separați aspectul unei pagini web de conținutul acesteia.

Utilizarea codurilor de culoare zecimale în HTML

Așadar, am vorbit despre faptul că un reflector poate fi setat la luminozitatea unei culori folosind o riglă specială pe care se află imaginile numerotate de la 0 la 255. Acum să vedem cum ne va ajuta acest lucru să schimbăm culoarea elementelor HTML. Ideea este că putem schimba culoarea textului din interiorul elementului HTML sau culoarea de fundal în HTML folosind codul zecimal, după cum urmează:

Dacă creați un document HTML în care este descris corpul containerului, ca în exemplu, veți vedea:

1. Culoarea de fundal a documentului HTML a devenit verde: bgcolor = ”rgb (0,255,0)”.
2. Culoarea textului paginii HTML va deveni albastră: text = ”rgb (0,0,255)”.
3. Culoarea linkului HTML pe care utilizatorul nu l-a vizitat va fi albă: link = ”rgb (255,255,255)”.
4. Florile linkului care este deschis în prezent vor fi negre: alink = ”rgb (0,0,0)”.
5. Și culoarea link-ului HTML care a fost deja vizitat va fi roșu: vlink = ”rgb (255,0,0)”.

Vă rugăm să rețineți: nimeni nu vă interzice să reglați „puterea reflectorului” la discreția dvs., puteți setați culoarea HTML, de exemplu, în acest fel:

Și obține culoarea surprizei copilărești. Aceasta este caracteristica, flexibilitatea și comoditatea modelului RGB. Monitorul dvs. este un perete negru pe care reflectoarele strălucesc și puteți ajusta puterea acestor spoturi și puteți crea tot felul de culori de fundal, text și link folosind atribute HTML în notație zecimală sau, puteți spune și: folosind coduri de culoare zecimale.

De fapt este greșit să spui coduri de culoare zecimale în HTML, mai corect ar fi să spunem coduri de culoare RGB zecimale deoarece acest model este folosit nu numai pentru a proiecta pagini web în HTML și CSS.

Valori de culoare HTML hexazecimale

Nu este foarte convenabil să setați culoarea elementelor HTML cu coduri RGB zecimale (și în prezent nu toate browserele acceptă această metodă de manipulare a culorilor), deoarece înregistrarea nu va fi cea mai compactă, este mult mai convenabil să setați culoarea elementelor HTML folosind valori hexazecimale. În imaginea de mai jos, puteți vedea cum valorile zecimale sunt convertite în valori hexazecimale.

Pentru cei care nu sunt familiarizați cu sistemul numeric hexazecimal, ar trebui să se ofere o mică explicație, astfel încât să puteți cu ușurință manipulați culoarea elementelor HTML folosind coduri RGB hexazecimale... În primul rând, sistemul de numere zecimale este numit astfel deoarece orice număr poate fi obținut printr-o combinație de zece cifre (terminologia este importantă: există o diferență între un număr și o cifră): 0, 1, 2, 3, 5, 6 , 7, 8, 9.

În sistemul numeric hexazecimal, orice număr poate fi scris folosind o combinație de șaisprezece cifre: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, a, b, c, d, e, f. Pentru ușurință de înțelegere, puteți presupune că a este zece și f este cincisprezece. De exemplu, numărul șaisprezece va fi scris în notație hexazecimală după cum urmează: 10. Și numărul 255 va fi scris ca ff.

Acum să vedem cum putem setați culoarea elementelor HTML folosind valori hexazecimale, pentru a repeta exemplul nostru anterior, înlocuind codurile de culoare zecimale cu omologii lor hexazecimali:

Notă: scrierea culorii în HTML în format hexazecimal este oarecum mai compactă decât zecimal, acesta este primul. În al doilea rând: puterea fiecărui spot este setată prin numere de la 0 la 255. Pentru a înregistra numărul 255, sunt necesare două cifre în format hexazecimal (ff = 250), astfel încât luminozitatea fiecărui canal de culoare (reflectoarele noastre numesc corect canalul de culoare , canal de culoare) este setat de două numere de la 0 la f.

Vă rugăm să rețineți: luminozitatea fiecărui canal de culoare este setată separat, dar dacă ne imaginăm că acesta este un număr, atunci numărul maxim posibil în sistemul hexazecimal al modelului RGB este ffffff, ne va da alb, iar în sistemul zecimal este: 16 777 215. Acest număr de culori și nuanțe vă permite să setați/utilizați modelul RGB... Acest număr se obține din faptul că fiecare canal de culoare are 256 de valori de luminozitate (de la 0 la 255), respectiv: 256 * 256 * 256 = 16.777.215.

Valorile hexazecimale de culoare HTML sunt mai compacte și mai descriptive, cei mai mulți designeri web și designeri de layout folosesc valori hexazecimale pentru manipularea culorilor în HTML, așa că vă recomandăm să nu vă obișnuiți cu notația zecimală pentru culoare, ci să utilizați imediat hexazecimalul.

Este clar că la început va fi dificil pentru un designer începător sau un designer de layout să navigheze în forma hexazecimală a notației de culoare, prin urmare, aproape orice editor grafic are așa-numita paletă de culori, care vă permite să selectați culoarea dorită și obțineți codul pentru diferite modele de culoare în diferite sisteme de numere.

Unele editoare de text, cum ar fi, și au extensii de paletă care sunt utile atunci când doriți să alegeți rapid o culoare și să o schimbați. Despre acest aspect, nu pot spune nimic.

Nume de culori în HTML

Atributele HTML pot lua drept valori nu numai coduri zecimale și valori hexazecimale dar și nume de culori speciale. Schimbarea culorii elementelor HTML folosind numele acestuia nu este o idee bună. În primul rând, în spatele numelui de culoare în HTML se află codul RGB, iar în al doilea rând, fiecare browser afișează culoarea elementului HTML specificat de nume în moduri diferite, depinde doar de dorințele dezvoltatorilor de browser.

Asa de utilizarea numelui culorii în HTML este depreciată... Modelul RGB depinde de dispozitiv, iar culoarea specificată de nume depinde de browser și chiar de versiunea acestuia. Să încercăm să colorăm elementele unei pagini HTML folosind un nume:

După cum vă puteți imagina, există o mulțime de culori și nuanțe. Este demn de remarcat aici că atributele HTML nu vă permit să setați un gradient, există o astfel de posibilitate în CSS, dar despre asta vom vorbi într-o altă postare. Și există nume pentru multe culori în HTML. Puteți găsi un tabel cu numele culorilor în HTML și codurile lor RGB pe site-ul meu.

Tabelul de mai sus arată ce culoare va avea elementul HTML dacă îi dați un nume... Acest tabel conține 16 culori și numele acestora, care sunt aprobate de consorțiul W3C și ar trebui să fie afișate la fel în orice browser. Dar de fapt, aproximativ 200 de nume de culori pot fi folosite în HTML, care sunt suportate de browserele majore, precum: Opera, Chrome, Firefox, Safari, Internet Expllorer (această afirmație este foarte controversată în privința acestuia din urmă).

Paleta de culori în HTML

De fapt nu există un selector de culori în HTML... Să ne amintim definiția cuvântului paletă. O paletă este o placă mică, subțire, dreptunghiulară sau de formă ovală pe care artistul amestecă vopsele și obține tot felul de culori. Uneori se face o gaură pentru degetul mare în paletă pentru o prindere confortabilă. O imagine a paletei poate fi găsită mai jos. Prin urmare, nu există nicio paletă în HTML.

Dar diverse editori de text au pluginuri pentru paleta de culori acel ajutor potrivește rapid culoarea unui element HTML... Există, de asemenea, o paletă de culori în editorii grafici, deoarece nu este foarte convenabil și distractiv pentru un designer să stea și să calculeze: ce culoare se va dovedi cu o anumită luminozitate a unui canal sau altul. În imaginea de mai jos puteți vedea cea mai simplă paletă a editorului Paint.

Rețineți că multe module și pluginuri de paletă de culori vă permit să obțineți codul de culoare nu numai în format RGB / RGBA, ci și în formatul altor modele. Tine minte că nu există o paletă în HTML, ei bine, cu excepția cazului în care ești un artist până la bază și apelați selectorul de culori a paginii HTML acele culori, care au fost folosite pentru a o decora (la urma urmei, uneori, paleta se numește culorile pe care le folosește un anumit artist sau culorile care au fost folosite la crearea unei anumite imagini).

Învață să schimbi culoarea textului în HTML

Avem multă teorie despre culori în HTML, haideți să exersăm și să încercăm lucrați cu culorile elementelor HTML... Primul lucru pe care vom învăța să-l facem este schimba culoarea textului dintr-un document HTML folosind atribute și etichete speciale. Deschideți orice editor și scrieți următorul cod în el:

Învață să lucrezi cu culoarea în HTML

Schimbați culoarea textului

Pentru a schimba culoarea textului, putem folosi atributul unic al elementului de text BODY și, de asemenea, folosim elementul FONT și atributul său de culoare. Acest text va fi incolorat.

Voi salva acest fișier ca color.html și vă spun să nu uitați. Notația de culoare în notație zecimală nu este acceptată de Chrome, Firefox și Opera, dar IE înțelege o astfel de notație de culoare și evidențiază antetul HTML în verde:

Este corect să spunem că nu se schimbă culoarea textului în HTML, ci se schimbă culoarea fontului în HTML. Despre

Trucuri Minecraft culorile, sau Minecraft coduri formatare, permite oricărui jucător să adauge flori și să formateze textul în orice fel, chiar în Minecraft. Coduri de culoare& 0-9 - la & a-f. Adăugați-le în fața textului dvs. Mesajele jucătorului pot conține coduri de culoare care vă permit să adăugați vopsea la sugestiile dvs.

Culori și coduri de formatare

Ampersand (&) urmat de un număr hexazecimal în mesaje semnalează clientului să schimbe culorile atunci când afișează text. În mod alternativ, textul poate fi formatat cu caracterul & urmat de o literă. Puteți adăuga diferite culori la cărți, blocuri de comandă, numele serverului, descrierea serverului (motd), nume lumii, plăcuțe și chiar numele jucătorilor.

Este foarte ușor să formatați textul în configurații sau în joc folosind tabelul de culori de mai jos. & r este folosit pentru a șterge toate codurile, de exemplu. & mAAA & rBBB vor fi afișate ca AAA BBB.

Vă prezentăm un tabel cu codurile de culoare existente în Minecraft pentru confortul dvs.:

Uneori ai nevoie subliniază, tăiați, a scoate in evidenta orice text... Pentru aceasta, se folosește formatarea textului. Se folosește la fel ca și culorile (în fața textului pe care l-am pus Codul de exemplu & lMinecraft = Minecraft.

Pentru confortul dvs., mai jos este un tabel cu coduri de formatare:

Din păcate, nu este încă posibilă afișarea senzațiilor gustative pe site. Dar acest lucru poate fi compensat pe deplin cu ajutorul culorilor. La urma urmei, culorile html vă permit să afișați oricare dintre milioanele de nuanțe. Astfel încât " creioane colorate Sunt mult mai mult de șapte în setul lui.

Culori în html

În html, culoarea poate fi specificată în mai multe formate:

1. Ca valoare hexazecimală - se folosește codul specificat în sistemul hexazecimal. Astfel de coduri de culoare html constau din trei perechi de numere hexazecimale. Fiecare pereche este responsabilă pentru saturația nuanței cu culoarea sa principală:

• Prima pereche numerică este responsabilă pentru culoarea roșie;
• A doua pereche este pentru conținutul de verde;
• Acesta din urmă este pentru conținutul culorii albastre.

Un hash este plasat la începutul codului (înaintea numerelor). Acesta este codul de culoare hexazecimal. Pe lângă numerele de la 1 la 9, acest sistem de numere folosește litere din alfabetul latin (A, B, C, D, E, F).

De exemplu, codul alb în html va arăta ca #FFFFFF:

2. Cuvinte cheie - html acceptă în prezent aproximativ 147 de cuvinte cheie. Dar nu toate aceste cuvinte sunt unice. Unele dintre ele se referă la aceeași nuanță de culoare.

Gri este reprezentat de două cuvinte cheie: gri și gri. Codul lor hexazecimal (HEX) este setat de aceeași valoare # 808080.

Exemplu:

#808080

3. În format RGB - această codificare de culoare html se bazează pe utilizarea a trei valori, setate în intervalul de la 0 la 255. Fiecare dintre ele determină saturația nuanței cu una dintre culorile primare:

• R - roșu (roșu);
• G - verde (verde);
• B - albastru.

Numărul de culoare în format RGB este scris astfel: rgb (0, 210, 100).

culoare de fundal: rgb (100,186,43)

4. În format RGBA - este un format RGB îmbunătățit, unde a patra valoare specifică transparența culorii ca fracție zecimală de la 0 la 1.

Exemplu de utilizare:

culoare de fundal: rgba (100,86,143,0.2)

culoare de fundal: rgba (100,86,143,0.5)

culoare de fundal: rgba (100,86,143,0.8)

culoare de fundal: rgba (100,86,143,1)

Tabele de culori HTML și generatoare de culori

Cu o gamă atât de largă de setări de culoare, este ușor să fii confuz. Prin urmare, a fost inventată o diagramă de culori specială. În acesta, 147 de nume cheie de nuanțe de culoare sunt date coduri de conformitate în toate standardele majore pentru reprezentarea culorilor. În plus, fiecare câmp este echipat cu o bară pentru potrivirea vizuală a culorilor. Unul dintre aceste tabele este prezentat pe site-ul colorscheme.ru:

Dar chiar și cu o astfel de structurare a meciului, selectarea nuanței dorite poate fi dificilă. Și nu este un fapt că tabelul de coduri de culori îl conține pe cel potrivit.

Pentru a ocoli această barieră și a face cât mai ușor găsirea nuanței potrivite, au fost dezvoltate servicii web interactive. Interfața lor cu utilizatorul poate varia oarecum.

Pe site-ul web html-color-codes.info, generatorul de culori arată astfel:

Și în cadrul serviciului color-picker.appsmaster.co, acest instrument este implementat puțin diferit:

Saturația fiecărei culori din generator este setată folosind glisoare speciale. Vizual, nuanța este afișată în culoarea cadrului și dreptunghiului în partea stângă. În partea de jos, în 3 câmpuri, este afișat codul de culoare în principalele formate.

Dar generatorul de culori este disponibil nu numai pe site-urile specializate. Aproape toate editoarele grafice sunt echipate cu un astfel de instrument. De exemplu Photoshop:

Siguranța culorii

Și a fost cu mult timp în urmă, în epoca plăcilor video care acceptă doar 256 de culori. În acele vremuri îndepărtate, sistemele de operare puteau afișa doar un anumit număr de nuanțe de opt biți fără distorsiuni.

Apoi a fost dezvoltat marele tabel pentru culori sigure. Indica 216 nuanțe care puteau fi afișate fără distorsiuni în oricare dintre browserele vremii. Și până azi aceasta" mare manuscris„Este încă disponibil pentru unele resurse:

În vremea noastră, totul s-a schimbat. Prin urmare, toate regulile de siguranță atunci când lucrați cu culoarea în html sunt complet anulate. La urma urmei, hardware-ul computerelor moderne acceptă mai mult de 16 milioane de nuanțe diferite. Și 216 culori sigure s-au scufundat în uitare.

Aceste date sunt pe deplin confirmate de statistici. Judecând după asta, în 2014 doar 0,5% dintre utilizatori au computere care acceptă doar 256 de nuanțe.

Bazele armoniei culorilor

Nu toți suntem înzestrați cu un simț natural al gustului armonios. Prin urmare, alegerea culorii potrivite poate fi o adevărată provocare. Dar, laudă științei, ea a reușit să descrie chiar și armonia culorilor sub forma mai multor scheme. Toate se bazează pe utilizarea roții de culoare. Scheme pentru potrivirea armonioasă a culorilor în html:

• Schemă de culori paralelă - când ambele nuanțe din roata de culori sunt paralele;
• Schema triadică - toate colțurile triunghiului se bazează pe una dintre culori;
• Monocromatic - atunci când sunt selectate mai multe nuanțe apropiate de aceeași culoare;
• Analog este o versiune mai avansată a circuitului monocromatic. În acest caz, nuanțele de aceeași culoare sunt la o anumită distanță.

Implementarea tuturor acestor scheme este bine reprezentată în serviciul paletton.com. Vă permite să realizați cu ușurință o potrivire armonioasă a culorilor.