html auriu. Tutorial HTML. Culori RGB. Paleta de culori sigure
>>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 pe care le dau. culoare alba hârtie. 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ă a căruia 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 avea valori care variază 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. |
În acest caz, culoarea este specificată de trei numere hexazecimale, fiecare dintre ele 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ță completă culori 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.
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 utilizând literale ș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 întunecat | Darkorange | ||||
Darkorchid | Roșu-închis | Darksalmon | Darkseagreen | ||||
Albastru ardezie închis | Gri închis ardezie | Turcoaz închis | Darkviolet | ||||
Roz închis | Deepskyblue | Dimgray | Dodgerblue | ||||
Cărămidă 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 | ||||
Mov 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 |
Folosind o paletă de culori sigură
Din păcate, pe platforme diferite, cu diferite setări de sistem, transmisie corectă culoarea 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.
vedere | cod | vedere | cod | vedere | cod | vedere | cod | vedere | cod | vedere | cod |
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 |
Numerele sunt folosite pentru a seta culorile cod hexazecimal. 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 in sistem hexazecimal se formează prin combinarea a două numere într-unul singur. De exemplu, numărul 255 in sistem zecimal corespunde numărului FF în hexazecimal. Pentru a evita confuzia în determinarea sistemului numeric, un simbol hash # este plasat în fața 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, valorile în format RGB, HSL și descriere.
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 permisă specificarea culorii ca procent, cu 100% corespunzând numărului 255. Mai întâi, specificați cuvântul cheie rgb, apoi specificați componentele de culoare între 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 și valoare intermediară ca 0,5 - transluciditate.
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+ |
Nume format HSL format dintr-o combinație a 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. Cercul de culoare
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 o fac 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 culorii în formate RGBA, HSL și HSLA au fost adăugate la CSS3, așa că atunci când utilizați aceste formate, verificați codul pentru validitatea versiunii.
HTML5 CSS2.1 CSS3 IE Cr Op Sa Fx
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!
Rezultatul acestui exemplu este prezentat în Fig. 2.
Orez. 2. Culori pe pagina web
Coduri Minecraft culorile, sau Minecraft coduri formatare, permite oricărui jucător să adauge flori și să formateze textul în toate modurile posibile direct în Minecraft. Coduri de culoare de la &0-9 - la &a-f. Adăugați-le înaintea textului dvs. Mesajele de la jucători pot conține coduri de culoare care vă permit să adăugați culoare propozițiilor dvs.
Culori și coduri de formatare
Semnul ampersand (&) urmat de un număr hexazecimal în mesaje semnalează clientului să schimbe culorile atunci când afișează text. În plus, textul poate fi formatat cu & urmat de o literă. Puteți adăuga diferite culori la cărți, blocuri de comandă, numele serverului, descrierea serverului (motd), nume lumii, semne și chiar numele jucătorilor.
Este foarte ușor să vă formatați textul în configurații sau în joc folosind diagrama de culori de mai jos. &r este folosit pentru a reseta toate codurile, de ex. &mAAA&rBBB va fi afișat ca AAA BBB.
Vă prezentăm un tabel cu codurile de culoare existente în Minecraft pentru confortul dvs.:
Cod | Nume | Denumirea tehnică | Culoarea simbolului | Culoarea umbrei simbolului | ||||||
---|---|---|---|---|---|---|---|---|---|---|
R | G | B | Hex | R | G | B | Hex | |||
&0 | Negru | negru | 0 | 0 | 0 | 000000 | 0 | 0 | 0 | 000000 |
&1 | Albastru inchis | albastru inchis | 0 | 0 | 170 | 0000AA | 0 | 0 | 42 | 00002A |
&2 | Verde inchis | verde inchis | 0 | 170 | 0 | 00AA00 | 0 | 42 | 0 | 002A00 |
&3 | Albastru-verde închis | dark_aqua | 0 | 170 | 170 | 00AAA | 0 | 42 | 42 | 002A2A |
&4 | Roșu-închis | roșu-închis | 170 | 0 | 0 | AA0000 | 42 | 0 | 0 | 2A0000 |
&5 | Violet închis | violet închis | 170 | 0 | 170 | AA00AA | 42 | 0 | 42 | 2A002A |
&6 | Aur | aur | 255 | 170 | 0 | FFAA00 | 42 | 42 | 0 | 2A2A00 |
&7 | Gri | gri | 170 | 170 | 170 | AAAAAA | 42 | 42 | 42 | 2A2A2A |
&8 | Gri inchis | gri închis | 85 | 85 | 85 | 555555 | 21 | 21 | 21 | 151515 |
&9 | Albastru | albastru | 85 | 85 | 255 | 5555FF | 21 | 21 | 63 | 15153F |
&A | Verde | verde | 85 | 255 | 85 | 55FF55 | 21 | 63 | 21 | 153F15 |
&b | Albastru verde | acva | 85 | 255 | 255 | 55FFFF | 21 | 63 | 63 | 153F3F |
&c | roșu | roșu | 255 | 85 | 85 | FF5555 | 63 | 21 | 21 | 3F1515 |
&d | violet deschis | violet_deschis | 255 | 85 | 255 | FF55FF | 63 | 21 | 63 | 3F153F |
&e | Galben | galben | 255 | 255 | 85 | FFFF55 | 63 | 63 | 21 | 3F3F15 |
&f | alb | alb | 255 | 255 | 255 | FFFFFF | 63 | 63 | 63 | 3F3F3F |
Uneori este necesar subliniază, tăiați, a evidentia orice text. Acest lucru se face folosind formatarea textului. Este folosit exact în același mod ca și culorile (am pus înaintea textului cod, de exemplu &lMinecraft = Minecraft.
Pentru confortul dvs., mai jos este un tabel cu coduri de formatare:
Cod | Nume |
---|---|
&k | Text magic |
&l | Miniatură |
&m | Text barat |
&n | Text subliniat |
&o | Text italic |
&r | Text fără formatare |
Vlad Merjevici
În HTML, culoarea este specificată într-unul din două moduri: folosind codul hexazecimal și prin numele anumitor culori. Metoda bazată pe sistemul numeric hexazecimal este folosită în mod predominant, fiind cea mai universală.
Culori hexazecimale
HTML folosește numere hexazecimale 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. În tabel 6.1 arată corespondența dintre numerele zecimale și hexazecimale.
Numerele mai mari de 15 în sistemul hexazecimal sunt formate prin combinarea a două numere într-unul singur (Tabelul 6.2). De exemplu, numărul 255 în zecimală corespunde numărului FF în hexazecimal.
Pentru a evita confuzia în definirea sistemului numeric, un număr hexazecimal este precedat de un simbol hash #, de exemplu #aa69cc. În acest caz, cazul nu contează, așa că este permis să scrieți #F0F0F0 sau #f0f0f0.
O culoare tipică folosită în HTML arată astfel.
Aici culoarea de fundal a paginii web este setată la #FA8E47. Simbolul hash # în fața unui număr înseamnă că este hexazecimal. Primele două cifre (FA) definesc componenta roșie a culorii, a treia până la a patra cifre (8E) definesc componenta verde, iar ultimele două cifre (47) definesc componenta albastră. Rezultatul final va fi această culoare.
FA. | + | 8E | + | 47 | = | FA8E47 |
Fiecare dintre cele trei culori - roșu, verde și albastru - poate lua valori de la 00 la FF, rezultând un total de 256 de nuanțe. Astfel, numărul total de culori poate fi 256x256x256 = 16.777.216 combinații. Un model de culoare bazat pe componente roșu, verde și albastru se numește RGB (roșu, verde, albastru; roșu, verde, albastru). Acest model este aditiv (din add - add), în care adăugarea tuturor celor trei componente formează culoarea albă.
Pentru a facilita navigarea culori hexagonale, vă rugăm să țineți cont de câteva reguli.
- Dacă valorile componentelor de culoare sunt aceleași (de exemplu: #D6D6D6), atunci rezultatul va fi o nuanță gri. Cum număr mai mare, cu atât culoarea este mai deschisă, cu valori cuprinse între #000000 (negru) și #FFFFFF (alb).
- O culoare roșie aprinsă se formează dacă componenta roșie este maximă (FF) și componentele rămase sunt setate la zero. O culoare cu valoarea #FF0000 este cea mai roșie nuanță roșie posibilă. Situația este similară cu verde(#00FF00) și albastru (#0000FF).
- Galben(#FFFF00) se obține prin amestecarea roșului cu verdele. Aceasta este clar vizibilă pe roata de culori (Fig. 6.1), care prezintă culorile primare (roșu, verde, albastru) și altele complementare sau suplimentare. Acestea includ galben, cyan și violet (numit și magenta). În general, orice culoare poate fi obținută prin amestecarea culorilor în apropierea acesteia. Astfel, cyan (#00FFFF) se obține prin combinarea albastrului și verdelui.
Orez. 6.1. Cercul de culoare
Culorile bazate pe valori hexazecimale nu trebuie să fie selectate empiric. Potrivit pentru acest scop editor grafic capabil să lucreze cu diferite modele de culoare, De exemplu, Adobe Photoshop. În fig. Figura 6.2 prezintă fereastra pentru selectarea unei culori în acest program, valoarea hexazecimală rezultată a culorii curente este conturată cu o linie. Îl puteți copia și lipi în codul dvs.
Orez. 6.2. Fereastra pentru alegerea culorii in program Photoshop
Culorile web
Dacă setați calitatea de redare a culorii a monitorului la 8 biți (256 de culori), atunci aceeași culoare poate fi afișată în browsere diferiteîn felul meu. Acest lucru se datorează modului în care sunt afișate graficele, când browserul funcționează cu propria paletă și nu poate afișa o culoare care nu este în paleta sa. În acest caz, culoarea este înlocuită cu o combinație de pixeli de alte culori, apropiate acesteia, care o imită pe cea dată. Pentru a ne asigura că culoarea rămâne aceeași în diferite browsere, a fost introdusă o paletă de așa-numite culori web. Culorile web sunt acele culori pentru care fiecare componentă - roșu, verde și albastru - este setată la una dintre cele șase valori - 0 (00), 51 (33), 102 (66), 153 (99), 204 (CC) , 255 (FF). Valoarea hexazecimală a acestei componente este indicată în paranteze. Numărul total de culori din toate combinațiile posibile dă 6x6x6 - 216 culori. Un exemplu de culoare web este #33FF66.
Caracteristica principală a culorii web este că apare la fel în toate browserele. ÎN acest moment Relevanța culorilor web este foarte mică datorită îmbunătățirii calității monitoarelor și extinderii capacităților acestora.
Culori după nume
Pentru a evita să vă amintiți un set de numere, puteți utiliza în schimb numele culorilor utilizate în mod obișnuit. În tabel 6.3 sunt date nume titluri populare culorile.
Numele culorii | Culoare | Descriere | Valoare hexazecimală |
---|---|---|---|
negru | Negru | #000000 | |
albastru | Albastru | #0000FF | |
fucsie | violet deschis | #FF00FF | |
gri | Gri inchis | #808080 | |
verde | Verde | #008000 | |
lămâie verde | Verde deschis | #00FF00 | |
maro | Roșu-închis | #800000 | |
marina | Albastru inchis | #000080 | |
măsline | măsline | #808000 | |
Violet | Violet închis | #800080 | |
roșu | roșu | #FF0000 | |
argint | Gri deschis | #C0C0C0 | |
teal | Albastru verde | #008080 | |
alb | alb | #FFFFFF | |
galben | Galben | #FFFF00 |
Nu contează dacă specificați o culoare după numele ei sau folosind numere hexazecimale. Aceste metode sunt egale ca efect. Exemplul 6.1 arată cum să setați culorile de fundal și text ale unei pagini web.
Exemplul 6.1. Culoare de fundal și text
Exemplu de text
ÎN în acest exemplu Culoarea de fundal este setată folosind atributul bgcolor al etichetei
, și culoarea textului prin atributul text. Pentru varietate, valoarea atributului text este setată la: număr hexazecimalși bgcolor folosind rezervat cuvânt cheie teal.