Culoarea aurie în numere. Culoarea în stiluri poate fi specificată în diferite moduri: prin valoare hexazecimală, după nume, în format RGB, RGBA, HSL, HSLA

Culoarea poate fi setată în CSS căi diferite:

  • dupa nume,
  • prin valoare hexazecimală,
  • în formatele RGB și RGBA,
  • în formatele HSL și HSLA.

Setați culoarea după nume

Browserele acceptă specificarea unor culori pentru elemente după nume. Acest tabel conține câteva cuvinte cheie (nume de culori în limba engleză) utilizate pentru a specifica proprietățile culorii, codul RGB, codul hexazecimal (HEX) și codul HSL.

Masa 1. Numele culorilor, codul lor RGB, HEX și HSL.
Nume Culoare RGB HEX HSL Descriere
alb rgb(255, 255, 255) #ffffff sau #fff hsl(0, 0%, 100%) alb
argint rgb(192, 192, 192) #c0c0c0 hsl(0, 0%, 75%) Gri
gri rgb(128, 128, 128) #808080 hsl(0, 0%, 50%) Gri inchis
negru rgb(0, 0, 0) #000000 sau #000 hsl(0, 0%, 0%) Negru
maro rgb(128, 0, 0) #800000 hsl(0, 100%, 25%) Roșu-închis
roșu rgb(255, 0, 0) #ff0000 sau #f00 hsl(0, 100%, 50%) roșu
portocale rgb(255, 165, 0) #ffa500 hsl(38,8, 100%, 50%) Portocale
galben rgb(255, 255, 0) #ffff00 sau #ff0 hsl(60, 100%, 50%) Galben
măsline rgb(128, 128, 0) #808000 hsl(60, 100%, 25%) măsline
lămâie verde rgb(0, 255, 0) #00ff00 sau #0f0 hsl(120, 100%, 50%) Verde deschis
verde rgb(0, 128, 0) #008000 hsl(120, 100%, 25%) Verde
acva rgb(0, 255, 255) #00ffff sau #0ff hsl(180, 100%, 50%) Albastru
albastru rgb(0, 0, 255) #0000ff sau #00f hsl(240, 100%, 50%) Albastru
marina rgb(0,0,128) #000080 hsl(240, 100%, 25%) Albastru inchis
teal rgb(0, 128, 128) #008080 hsl(180, 100%, 25%) Albastru verde
fucsie rgb(255, 0, 255) #ff00ff sau #f0f hsl(300, 100%, 50%) Roz
Violet rgb(128, 0, 128) #800080 hsl(300, 100%, 25%) violet

Acesta este un exemplu de utilizare a numelor de culori, numele culorilor sunt preluate din tabelul extins.

RGB în CSS

Turcoaz mediu
maro
purpuriu
Albastru violet
rolivedrab

Iată cum funcționează acest cod:

Setarea culorii folosind RGB

RGB este un model de culoare aditiv. Pe Limba engleză plus- adaos. RGB este o abreviere a cuvintelor englezești: Red, Green, Blue - red, green, blue). Din aceasta rezultă clar că în modelul RGB culorile sunt sintetizate prin adăugarea a trei culori (roșu, verde, albastru) în cantități diferite.

Amestecând culorile roșu, verde și albastru puteți obține câteva milioane de nuanțe. Toate combinațiile posibile sunt stocate în memoria computerului.

Treci la subiect.

Pentru a seta proprietăți în acest format, utilizați notația rgb(r, g, b), unde r, g, b sunt cele trei canale pentru fiecare culoare (roșu, verde, albastru). Valorile pentru fiecare canal sunt setate în intervalul de la 0 la 255.

Exemplu de cod.

Pentru a clarifica totul, iată un exemplu de cod:

RGB în CSS

rgb(255, 0, 0)
rgb(0, 255, 0)
rgb(0, 0, 255)

Iată cum ar trebui să funcționeze acest exemplu:

Fig.1. Culori în RGB.

Explicații de exemplu.

La începutul paginii creăm clasa div.rgb, este necesară pentru blocurile create de etichetă

au fost afișate la dimensiunea necesară: 240px cu 40px. Atribuim proprietății line-height o valoare de 40px, adică egală cu înălțimea blocului, acest lucru vă va permite să afișați text în bloc
la centrul vertical. Centram textul pe orizontala folosind regula ( text-align: center ;).

Apoi, în cod setăm culoarea de fundal a blocului

folosind atributul style, folosind proprietatea de fundal și alocarea de valori pentru rgb(255, 0, 0) , rgb(0, 255, 0) și rgb(0, 0, 255) . Adică, facem alternativ un canal cât mai saturat posibil, iar canalele rămase nu sunt folosite pentru sinteză, deoarece valoarea lor este zero.

Încercați să editați acest exemplu și să specificați propriile valori, de exemplu rgb(100, 100, 100) .

Setarea culorii folosind RGBA

CSS3 are un nou instrument pentru lucrul cu culoarea - formatul RGBA. Poate fi numită o evoluție a modelului RGB, dar cu adăugarea unui nou canal - canalul A sau alfa. Acest canal stabilește transparența culorii. Valorile sale sunt setate în intervalul de la 0 la 1. O valoare de 0 corespunde transparenței totale, 1 - opacității totale (culoarea va fi aceeași cu cea specificată în primele trei canale RGB) și valorilor intermediare ​​cum ar fi 0,4 sau 0,6 - transluciditate în grade diferite.

Exemplu de cod.

RGBA în CSS3

Iată cum va funcționa:

Acest cod este similar vizual cu următorul, care utilizează modelul RGB pentru a specifica o valoare a culorii:

RGBA în CSS3

Iată rezultatul lui:

O valoare a canalului alfa egală cu zero face orice culoare invizibilă - absolut transparentă; o valoare egală cu unu traduce culoarea în codul RGB fără modificări. Proprietatea rgba(255,0,0,1.0) arată culoarea roșie rgb(255, 0, 0) .

După valoare hexazecimală (cod HEX)

În viața de zi cu zi, folosim sistemul de numărare zecimală. Originile sale sunt foarte simple - avem zece degete pe mâini și să numărăm pe degete a fost convenabil în viață. Dacă în sistem zecimal zece cifre: de la 0 la 9, iar numărul 10 este următoarea cifră, apoi sistemul numeric hexazecimal are 16 cifre, iar următoarea cifră va fi numărul 16.

Pentru a indica codurile de culoare, cifrele zecimale obișnuite de la 0 la 9 sunt folosite ca cifre hexazecimale, iar literele latine de la A la F sunt folosite pentru a indica numerele de la 10 la 15, adică (0, 1, 2, 3, 4, 5 , 6, 7, 8, 9, A, B, C, D, E, F). Pentru claritate, să punem asta într-un tabel:

Pentru a scrie numere hexazecimale mai mari decât F (15 în sistemul zecimal), ca și în sistemul zecimal, se folosesc și combinația de două cifre, dar deja hexazecimală, ceea ce este evident. Da, pentru consemnare numar decimal 255 în notație hexazecimală este FF.

Sistemul hexazecimal este mai ușor de înțeles de computer și procesează mai rapid valorile stabilite de valoarea hexazecimală.

Pentru a specifica o culoare în hexazecimal, precedați valoarea numerică cu semnul „#”, exemplu: #FFC0CB. Valoarea #FFC0CB în sine constă din trei cifre hexazecimale FF, C0 și CB. Semnificația acestei intrări este aceeași cu setarea culorii în format RGB (rgb(r, g, b)) - fiecare cifră hexazecimală din codul HEX indică saturația culorii în canalul său al modelului RGB.

Cod HEX în CSS

#FF0000
#00FF00
#0000FF

Acest cod va afișa următoarele elemente:

Și iată o imagine cu rezultatul din secțiunea „Setarea culorilor folosind RGB” din această pagină de mai sus.

Fig.1. Culori în RGB.

Vedem că culorile sunt identice.

Este permisă o notație scurtă a codului de culoare HEX: un număr din 6 cifre poate fi scris ca un număr din 3 cifre. Acest lucru este valabil numai atunci când două cifre din valoarea culorii unui canal sunt repetate.

Adică, următoarea abreviere este acceptabilă:

De exemplu, culoarea #ff22aa poate fi scrisă ca #f2a, sau culoarea #44aa22 poate fi scrisă ca #4a2.

Setarea culorii folosind HSL

A apărut în CSS3 format nou pentru a indica culoarea.

Formatul HSL este o abreviere pentru cuvintele englezești: Hue (nuanță), Saturate (saturație) și Lightness (luminozitate).

Nuanța în HSL este valoarea unei culori pe o roată specială de culori (Figura 2) și este specificată în grade. Dacă tragem analogii cu modelul RGB, atunci 0° corespunde roșului, 120° corespunde verdelui și 240° corespunde albastrului.

Valoarea nuanței se va schimba de la 0 la 359.


Figura 2. Roata de culori HSL.

A doua valoare - saturația (Saturate) este setată ca procent. La 100% saturație, culoarea este cât se poate de „suculentă”; pe măsură ce indicatorul de saturație se deplasează spre 0%, culoarea devine mai ternă și se estompează în gri.

A treia valoare, Luminozitatea, este, de asemenea, setată ca procent. Cu cât procentul este mai mare, cu atât culoarea va fi mai strălucitoare. Valorile extreme de 0% și 100% vor indica culorile negre (fără lumină) și, respectiv, alb (supraexpus), și nu contează ce culoare din roata de culori a fost selectată în primul canal. Valoarea optimă a luminozității culorii este de 50%.

Setarea culorii folosind HSLA

Formatul HSLA este legat de HSL, la fel cum RGB este de RGBA. În formatul HSLA, ca și în RGBA, este adăugat un canal alfa, care este responsabil pentru transparența culorii.

Culoarea specificată în format HSL este mai ușor de citit. Putem spune că este intuitiv. De exemplu, codul hsl(120,60%,50%) poate reprezenta culoarea finală dacă există o imagine a roții de culori HSL în memorie. Nu același lucru se poate spune despre formatele RGB și HEX; codul de culoare specificat în aceste formate devine clar doar după ce este vizualizat pe monitor.

Noile formate în CSS3 (HSL, HSLA și RGBA) funcționează în browsere începând de la versiunile: IE 9.0, Opera 10.0 Firefox 3.0. Cum pot face ca stilurile să funcționeze pe browsere mai vechi?

Somebloсk (culoare de fundal: rgb(255,50,50); culoare de fundal: rgba(255,50,50,0.85))

Când utilizați acest cod în browsere mai vechi, culoarea de fundal pentru clasa .somebloсk, deși nu va folosi un canal alfa, va fi afișată în format RGB.

26.02.15 8.9K

După cum știți, culoarea poate afecta starea unei persoane: atât mentală, cât și fizică. În fiecare zi, în timp ce navighează pe site-uri web pe internet, ochii evaluează milioane de culori și nuanțe. Un web designer care este familiarizat cu psihologia culorii poate manipula starea de spirit a vizitatorului pentru a atinge anumite obiective.

Acest lucru se datorează faptului că unele nuanțe calmează, iar altele, dimpotrivă, excită. În continuare vom vorbi despre modul în care culoarea este sintetizată și afișată folosind tehnologia computerizată.

RGB este un model de culoare care reprezintă o metodă de obținere a tuturor culorilor și nuanțelor acestora prin amestecarea în diverse proporții a trei componente principale, care sunt:

  • Culoare rosie ( roșu);
  • Culoarea verde (Verde);
  • Culoarea albastră ( Albastru).

De aici provine numele abreviat RGB. Aceste culori au fost alese ca fiind principale dintr-un motiv: motivul este fiziologia retinei ochiului uman și modul în care le percepe:


Modelul RGB rămâne cel mai popular astăzi și este folosit pentru a reproduce culorile pe ecranele TV și monitoare de calculator. Din moment ce producatorii isi doteaza produsele caracteristici diferite, a fost creat în 1996 un singur sistem Sinteză de culoare bazată pe RGB numită sRGB, care a fost dezvoltată în comun de Microsoft și HP.

Reprezentarea numerică a culorii

După cum am menționat mai devreme, culorile RGB sunt formate prin amestecarea culorilor primare. Pentru a descrie intensitatea fiecăruia dintre ele, a fost adoptată o schemă în care culoarea este reprezentată de intervalul 0-255 (8 biți), care în notație hexazecimală corespunde cu 00-FF.

Adică, culorile primare vor arăta astfel:

  • Roșu – RGB (255,0,0);
  • Verde – RGB (0,255,0);
  • Albastru – RGB (0,0,255);

Dacă intensitatea culorii ia valori mai mici de 255, atunci se obțin diferite nuanțe de roșu, verde și albastru. Următorul este un tabel cu gradațiile lor, precum și valorile hexazecimale ale fiecăreia dintre nuanțe:

Tabelele de culori RGB

Desigur, pe lângă gradările de culori primare, există și cele mixte, iar numărul lor este destul de mare. Prin urmare, a fost creat un tabel de culori RGB, care prezintă toate nuanțele existente, precum și numele și reprezentările numerice ale acestora ( în formă zecimală și hexazecimală).

O puteți vizualiza aici. Aceasta masa face viața mult mai ușoară pentru web designeri, deoarece în câteva secunde puteți găsi nuanța necesară și aflați reprezentarea numerică a acesteia.

Paletă de culori RGB sigură

Cu toate acestea, la un moment dat a apărut o problemă cu afișarea culorilor în diferite browsere și, pentru a o rezolva, a fost compilată așa-numita paletă „sigură” de culori RGB, care au fost derivate prin calcule matematice.

Când browserul nu poate afișa corect o culoare, va încerca să obțină ceva aproape de ceea ce are nevoie prin amestecarea culorilor adiacente și, cel mai probabil, rezultatul va fi complet inacceptabil:

Utilizarea codurilor Culori RGB din această paletă, un dezvoltator web nu trebuie să-și facă griji cu privire la afișarea culorilor pe paginile site-ului său atunci când este vizualizat folosind browsere diferite, pe diverse platforme și monitoare. Deși pe acest moment tabelul culorilor sigure își pierde relevanța ( progresul tehnologic încă nu stă pe loc), când îl folosești, poți, după cum se spune, să dormi liniștit.

Culoare aurie în modelul RGB

Cuvântul „aur” a fost folosit pentru prima dată la începutul secolului al XIV-lea pentru a descrie culoarea unui element chimic numit Aurum - aur. În modelul RGB, culoarea aurie este reprezentată de următoarele valori numerice:

  • RGB (255, 215, 0) – sistem zecimal;
  • HEX #FFD700 – sistem hexazecimal.

Culoare bej în modelul RGB

Culoarea bej ocupă un loc destul de semnificativ în istorie, chiar dacă nu este cea mai expresivă. Multe monumente culturale, în special sculpturi antice, au fost realizate din piatră de sălatură și piatră de sălatură, care au o tentă bej. În modelul RGB, culoarea bej are următoarele reprezentări numerice.

Numerele hexazecimale sunt folosite pentru a specifica culorile. Sistemul hexazecimal, spre deosebire de sistemul zecimal, se bazează, după cum sugerează și numele, pe numărul 16. Numerele vor fi după cum urmează: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, A , B, C , D, E, F. Numerele de la 10 la 15 sunt înlocuite cu litere latine. Numerele mai mari de 15 în sistemul hexazecimal sunt formate prin combinarea a două numere într-unul singur. De exemplu, numărul 255 în zecimală corespunde numărului FF în hexazecimal. Pentru a evita confuzia în determinarea sistemului numeric, un simbol hash # este plasat înaintea numărului hexazecimal, de exemplu #666999. Fiecare dintre cele trei culori - roșu, verde și albastru - poate lua valori de la 00 la FF. Astfel, simbolul de culoare este împărțit în trei componente #rrggbb, unde primele două simboluri indică componenta roșie a culorii, cele două din mijloc - verde, iar ultimele două - albastru. Este permisă utilizarea formei prescurtate #rgb, unde fiecare caracter trebuie dublat. Astfel, intrarea #fe0 ar trebui considerată ca #ffee00.

Dupa nume

Internet Explorer Crom Operă Safari Firefox Android iOS
4.0+ 1.0+ 3.5+ 1.3+ 1.0+ 1.0+ 1.0+

Browserele acceptă unele culori după numele lor. În tabel 1 arată numele, codul hexazecimal, RGB, valorile HSL și descrierea.

Masa 1. Denumiri de culori
Nume Culoare Cod RGB HSL Descriere
alb #ffffff sau #fff rgb(255.255.255) hsl(0,0%,100%) alb
argint #c0c0c0 rgb(192.192.192) hsl(0,0%,75%) Gri
gri #808080 rgb(128.128.128) hsl(0,0%,50%) Gri inchis
negru #000000 sau #000 rgb(0,0,0) hsl(0,0%,0%) Negru
maro #800000 rgb(128,0,0) hsl(0,100%,25%) Roșu-închis
roșu #ff0000 sau #f00 rgb(255,0,0) hsl(0,100%,50%) roșu
portocale #ffa500 rgb(255,165,0) hsl(38,8,100%,50%) Portocale
galben #ffff00 sau #ff0 rgb(255,255,0) hsl(60,100%,50%) Galben
măsline #808000 rgb(128,128,0) hsl(60,100%,25%) măsline
lămâie verde #00ff00 sau #0f0 rgb(0,255,0) hsl(120,100%,50%) Verde deschis
verde #008000 rgb(0,128,0) hsl(120,100%,25%) Verde
acva #00ffff sau #0ff rgb(0.255.255) hsl(180,100%,50%) Albastru
albastru #0000ff sau #00f rgb(0,0,255) hsl(240,100%,50%) Albastru
marina #000080 rgb(0,0,128) hsl(240,100%,25%) Albastru inchis
teal #008080 rgb(0.128.128) hsl(180,100%,25%) Albastru verde
fucsie #ff00ff sau #f0f rgb(255,0,255) hsl(300,100%,50%) Roz
Violet #800080 rgb(128,0,128) hsl(300,100%,25%) violet

Folosind RGB

Internet Explorer Crom Operă Safari Firefox Android iOS
5.0+ 1.0+ 3.5+ 1.3+ 1.0+ 1.0+ 1.0+

Puteți defini culoarea folosind valorile roșu, verde și albastru în termeni zecimali. Fiecare dintre cele trei componente de culoare ia o valoare de la 0 la 255. De asemenea, este posibil să setați culoarea ca procent, cu 100% corespunzând numărului 255. Mai întâi, indicați cuvânt cheie rgb , iar apoi componentele de culoare sunt indicate în paranteze, separate prin virgule, de exemplu rgb(255, 128, 128) sau rgb(100%, 50%, 50%).

RGBA

Internet Explorer Crom Operă Safari Firefox Android iOS
9.0+ 1.0+ 10.0+ 3.1+ 3.0+ 2.1+ 2.0+

Formatul RGBA este similar ca sintaxă cu RGB, dar include un canal alfa care specifică transparența elementului. O valoare de 0 este complet transparentă, 1 este opac, iar o valoare intermediară precum 0,5 este semitransparentă.

RGBA a fost adăugat la CSS3, așa că codul CSS trebuie validat față de această versiune. Trebuie remarcat faptul că standardul CSS3 este încă în curs de dezvoltare și unele caracteristici se pot schimba. De exemplu, o culoare în format RGB adăugată la proprietatea culoare de fundal este validată, dar una adăugată la proprietatea de fundal nu mai este validă. În același timp, browserele înțeleg destul de corect culoarea pentru ambele proprietăți.

HSL

Internet Explorer Crom Operă Safari Firefox Android iOS
9.0+ 1.0+ 9.6+ 3.1+ 3.0+ 2.1+ 2.0+

Numele formatului HSL este derivat din combinația primelor litere Hue (nuanță), Saturate (saturație) și Lightness (luminozitate). Nuanța este valoarea culorii de pe roata culorilor (Fig. 1) și este dată în grade. 0° corespunde roșului, 120° verde și 240° albastru. Valoarea nuanței poate varia de la 0 la 359.

Orez. 1. Roata de culori

Saturația este intensitatea unei culori și este măsurată ca procent de la 0% la 100%. O valoare de 0% indică lipsa culorii și o nuanță de gri, 100% este valoarea maximă pentru saturație.

Luminozitatea specifică cât de strălucitoare este culoarea și este specificată ca procent de la 0% la 100%. Valorile scăzute fac culoarea mai închisă, iar valorile ridicate fac culoarea mai deschisă; valorile extreme de 0% și 100% corespund alb-negru.

HSLA

Internet Explorer Crom Operă Safari Firefox Android iOS
9.0+ 1.0+ 10.0+ 3.1+ 3.0+ 2.1+ 2.0+

Formatul HSLA este similar ca sintaxă cu HSL, dar include un canal alfa pentru a specifica transparența elementului. O valoare de 0 este complet transparentă, 1 este opac, iar o valoare intermediară precum 0,5 este semitransparentă.

Valorile de culoare RGBA, HSL și HSLA sunt adăugate la CSS3, așa că vă rugăm să verificați codul pentru validitatea versiunii atunci când utilizați aceste formate.

HTML5 CSS2.1 CSS3 IE Cr Op Sa Fx

Culori

Avertizare

Toate metodele de prindere a leului enumerate pe site sunt teoretice și se bazează pe metode de calcul. Autorii nu vă garantează siguranța atunci când le utilizați și își declină orice responsabilitate pentru rezultate. Amintiți-vă, un leu este un prădător și un animal periculos!

Arrrgh!

Rezultat acest exemplu prezentat în Fig. 2.

Orez. 2. Culori pe pagina web

>>Gestiunea culorilor

Valori hexazecimale de culoare RGB

Metodele de descriere și procesare a culorii diferă unele de altele prin reprezentarea finală pentru care sunt destinate. Să comparăm, de exemplu, reprezentarea culorilor pentru imprimare și pentru monitoarele de computer. În primul caz, se ia baza alb culoarea hârtiei pe care se aplică ulterior trei culori primare: albastru, VioletȘi galben. Amestecându-se între ele și cu culoarea albă a hârtiei în proporții diferite, aceste trei culori primare dau nuanțe de culoare diferite, cu excepția negrului pur, sau în absența completă a vopselelor dau hârtie albă. Dacă le adăugăm culoare neagră, obținem CMYK-o metoda de transmitere a culorii cand culoarea ceruta se obtine prin scaderea culorilor lipsa din alb.

În al doilea caz, se ia baza negru culoarea ecranului monitorului, fiecare celulă care strălucește într-una dintre cele trei culori: roșu-roșu, verde-verde și albastru-albastru. Apoi, în absența completă a oricărei străluciri, obținem o culoare neagră pură a ecranului, iar oricare dintre culorile necesare este dată de raportul fiecăreia dintre cele trei culori. În acest caz vom obține RGB-metoda de transmitere a culorii. Culorile primare pot varia de la 0 inainte de 255 , sau de la 0% inainte de 100% , sau poate fi reprezentat ca o valoare hexazecimală. În figura de mai jos puteți vedea rezultatele amestecării culorilor primare.

Sistemul de numere hexazecimale, spre deosebire de sistemul de numere zecimal, nu are zece cifre, ci șaisprezece - de unde și numele. În consecință, pot exista doar variante nerepetate ale combinațiilor de două cifre - 256 , pentru a continua seria numerelor după 9 scrisori de la A inainte de F, prin urmare, seria va arăta așa -

0,1,2,3,4,5,6,7,8,9,A,B,C,D,E,F.
Pentru a converti numerele dintr-un sistem numeric în altul și invers, utilizați calculatorul de mai jos. Valoarea maximă aici poate fi FF - 255 .

În acest caz, culoarea este specificată de trei numere hexazecimale, fiecare dintre acestea fiind formată din două cifre. Primul număr determină intensitatea roșu culori, mediu- verde, ultimul lucru- albastru culorile. Toate numerele pot lua valori în intervalul de la 00 inainte de FF(de la 0 la 255). De exemplu: culoarea verde este dată ca #00FF00, roșu - ca #FF0000, albastru - ca #0000FF, alb - ca #FFFFFF, absența completă a culorii sau negru este dat ca #000000 .

În formularul de mai jos puteți specifica orice valori hexazecimale pentru fiecare dintre cele trei culori și puteți vedea rezultatul amestecării lor făcând clic în câmpul de ieșire.

ROȘUVERDEALBASTRU
0 1 2 3 4 5 6 7 8 9 a b c d e f0 1 2 3 4 5 6 7 8 9 a b c d e f0 1 2 3 4 5 6 7 8 9 a b c d e f0 1 2 3 4 5 6 7 8 9 a b c d e f0 1 2 3 4 5 6 7 8 9 a b c d e f
...click aici

Exemple de valori de culoare RGB hexazecimale: gradații de roșu, albastru și verde.

vedere cod vedere cod vedere cod vedere cod vedere cod vedere cod
#010000 #800000 #000100 #008000 #000001 #000080
#100000 #900000 #001000 #009000 #000010 #000090
#200000 #A00000 #002000 #00A000 #000020 #0000A0
#300000 #B00000 #003000 #00B000 #000030 #0000B0
#400000 #C00000 #004000 #00C000 #000040 #0000C0
#500000 #D00000 #005000 #00D000 #000050 #0000D0
#600000 #E00000 #006000 #00E000 #000060 #0000E0
#700000 #FF0000 #007000 #00FF00 #000070 #0000FF

Specificarea culorii folosind literele șir

Pentru ușurință în utilizare, unor culori și combinațiile lor li s-au atribuit nume care sunt recunoscute de toate browserele și a devenit posibil să se specifice multe dintre ele după nume. Tabelul de mai jos prezintă câteva dintre numele culorilor:

vedere Nume vedere Nume vedere Nume vedere Nume
alb roșu Portocale Galben
Verde Albastru Violet Negru
Aliceblue Alb antic Aqua Acvamarin
Azur Bej Bisque Blanchedalmond
Albastru violet Maro Burlywood Cadetblue
Chartreuse Ciocolată Coral Albastru de colț
Matase de porumb purpuriu Cyan Albastru inchis
Darkcyan Toarg de aur negru Gri închis Verde inchis
Darkkhaki Magenta închisă verde-închis Darkorange
Darkorchid Roșu-închis Darksalmon Darkseagreen
Albastru ardezie închis Gri închis ardezie Turcoaz închis Darkviolet
Roz închis Deepskyblue Dimgray Dodgerblue
Caramida de foc Floralwhite Padure verde Fuschia
Gainsboro Alb-fantomă Aur Vergea de Aur
gri Verde galben Mană Hotpink
Indianred Indigo Fildeş Kaki
Lavandă Lavenderblush Lemonchiffon Albastru deschis
Lightcoral Lightcyan Lightrecerogalben Verde deschis
Gri deschis Roz deschis Lightsalmon Lightseagreen
Albastru deschis Gri deschis Albastru de oțel deschis Lumină galbenă
Lămâie verde Verde lime Lenjerie Magenta
Maro Mediumaquamarine Albastru mediu Mediumorchid
violet mediu Mediumseagreen Mediumslateblue verde mijlociu
Turcoaz mediu Roșu-violet mediu Albastru miez de noapte Cremă de mentă
Mistyrose Navajowhite Marinei Oldlace
măsline Oliverab Portocaliu rosu Orhidee
Palegoldenrod Verde palid Paletteurquoise Palevioletred
Papayawhip Peachpuff Peru Roz
Prună Pudra albastra Rosybrown Albastru regal
maro de șa Mare verde scoica de mare Sienna
Argint Cer albastru Ardezie albastră Slategray
Zăpadă Springgreen Steelblue bronzat
Teal Ciulin Roșie Turcoaz
violet Grâu Fum alb Galben verde
Lista de litere minuscule cu nume de culori este destul de extinsă și mai mult decât suficientă. Dacă trebuie să setați o culoare de fundal atât de neobișnuită încât nici măcar nu are un nume, puteți utiliza o valoare hexazecimală.

Folosind o paletă de culori sigură

Din păcate, pe platforme diferite, cu setări de sistem diferite, reproducerea corectă a culorilor este o problemă. Chestia este că browserul încearcă întotdeauna să se ajusteze paleta de culori document sub setarile sistemuluiși capacitățile monitorului, amestecând în mod independent culorile și înlocuindu-le. Ca urmare, uneori utilizatorul nu vede exact ce a vrut webmasterul să-i arate. O cale de ieșire din această situație a fost găsită în utilizarea unei palete, fiecare culoare a cărei culoare este garantată a fi redată în mod egal de către toate browserele de pe platforme diferite. Acesta este așa-numitul garantat paletă, numită și sigur paletă. Această paletă include culori ale căror componente de culoare iau următoarele valori: 00 ,33 ,66 ,99 , CC,FF, în toate modurile posibile 216 combinatiile lor.

FFFFFF CCCCCC 999999 666666 333333 000000 CCCC66 CCCC33 999966 999933 999900 666600 CCFF66 CCFF00 CCFF33 CCCC99 666633 333300 99FF00 99FF33 99CC66 99CC00 99CC33 669900 CCFF99 99FF99 66CC00 66CC33 669933 336600 66FF00 66FF33 33FF00 33CC00 339900 009900 33FF33 00FF33 00FF00 00CC00 33CC33 00CC33 CCFFCC 99CC99 66CC66 669966 336633 003300 99FF99 66FF66 33FF66 00FF66 339933 006600 66FF99 33FF99 00FF99 33CC66 00CC66 009933 66CC99 33CC99 00CC99 339966 009966 006633 99FFCC 66FFCC 33FFCC 00FFCC 33CCCC 009999 CCFFFF 99FFFF 66FFFF 33FFFF 00FFFF 00CCCC 99CCCC 66CCCC 339999 669999 006666 336666 66CCFF 33CCFF 00CCFF 3399CC 0099CC 003333 99CCFF 3399FF 0099FF 6699CC 336699 006699 0066FF 3366CC 0066CC 0033FF 003399 003366 6699FF 3366FF 0000FF 0000CC 0033CC 000033 3333FF 3300FF 3300CC 3333CC 000099 000066 9999CC 6666FF 6666CC 666699 333399 333366 CCCCFF 9999FF 6666FF 6600FF 330099 330066 9966CC 9966FF 6600CC 6633CC 663399 330033 CC99FF CC66FF 9933FF 9900FF 660099 663366 CC66FF CC33FF CC00FF 9900CC 996699 660066 CC99CC CC66CC CC33CC CC00CC 990099 993399 FFCCFF FF99FF FF66FF FF33FF FF00FF CC3399 FF66CC FF00CC FF33CC CC6699 CC0099 990066 FF99CC FF3399 FF0099 CC0066 993366 660033 FF6699 FF3399 FF0066 CC3366 996666 663333 CC9999 CC6666 CC3333 CC0000 990033 330000 FFCCCC FF9999 FF6666 FF3333 FF0000 CC0033 FF6633 CC3300 FF3300 FF0000 CC0000 990000 FFCC99 FFCC66 FF6600 CC6633 993300 660000 FF9900 FF9933 CC9966 CC6600 996633 663300 FFCC66 FFCC00 FFCC33 CC9900 CC9933 996600 FFFFCC FFFF99 FFFF66 FFFF33 FFFF00 CCCC00
vedere cod vedere cod vedere cod vedere cod vedere cod vedere cod
Acțiune