>> Menaxhimi i ngjyrave
Vlerat heksadecimale të ngjyrave RGB
Metodat e përshkrimit dhe përpunimit të ngjyrës ndryshojnë nga njëra-tjetra në atë paraqitje përfundimtare për të cilën synohen. Le të krahasojmë, për shembull, paraqitjet e ngjyrave për printim dhe për monitorët e kompjuterit. Në rastin e parë, merret baza E bardha ngjyra e letrës në të cilën aplikohen më pas tre ngjyrat kryesore: blu, vjollcë dhe e verdhe... Duke u përzier me njëra-tjetrën dhe me ngjyrën e bardhë të letrës në përmasa të ndryshme, këto tre ngjyra kryesore japin nuanca të ndryshme ngjyrash, përveç të zezës së pastër, ose, në mungesë të plotë të bojës, japin ngjyrën e bardhë të letrës. Nëse u shtojmë të zezën, marrim CMYK- një metodë e paraqitjes së ngjyrave, kur ngjyra e kërkuar fitohet duke zbritur ngjyrat që mungojnë nga e bardha.
Në rastin e dytë, merret baza e zezë ngjyra e ekranit të monitorit, secila qelizë e të cilit shkëlqen në një nga tre ngjyrat: e kuqe- E kuqe, jeshile- jeshile dhe blu- blu. Më pas, në mungesë të plotë të ndonjë shkëlqimi, marrim një ngjyrë të pastër të zezë të ekranit dhe cilado nga ngjyrat e kërkuara përcaktohet nga raporti i secilës prej tre ngjyrave. Në këtë rast, marrim RGB- një metodë e transferimit të ngjyrave. Ngjyrat primare mund të variojnë nga 0
përpara 255
, ose nga 0%
përpara 100%
, ose mund të përfaqësohet si një vlerë heksadecimal. Në foton më poshtë, mund të shihni rezultatet e përzierjes së ngjyrave kryesore.
Sistemi heksadecimal i numrave, ndryshe nga numri dhjetor në rreshtin e tij të shifrave, nuk ka dhjetë shifra, por gjashtëmbëdhjetë - prandaj emri. Prandaj, variantet jo-përsëritëse të kombinimeve me dy shifra mund të jenë vetëm - 256 , për të vazhduar një seri shifrash pas 9 letra nga A përpara F prandaj rreshti do të duket kështu -
| 0,1,2,3,4,5,6,7,8,9, A, B, C, D, E, F. |
Në këtë rast, ngjyra përcaktohet nga tre numra heksadecimal, secila prej të cilave përbëhet nga dy shifra. Numri i parë përcakton intensitetin e kuqe ngjyrat, mesatare jeshile, gjeja e fundit - blu ngjyrat. Të gjithë numrat mund të marrin vlera në intervalin nga 00 përpara FF(nga 0 në 255). Për shembull: jeshilja jepet si # 00FF00, e kuqe - si # FF0000, blu - si # 0000 FF, e bardhë - si #FFFFFF, mungesa e plotë e ngjyrës ose e zezë jepet si #000000 .
Në formularin e mëposhtëm mund të vendosni çdo vlerë heksadecimal për secilën nga tre ngjyrat dhe të shihni rezultatin e përzierjes së tyre duke klikuar në fushën e daljes.
Shembuj të disa vlerave heksadecimal të ngjyrave RGB janë gradimet e kuqe, blu dhe jeshile.
| pamje | Kodi | pamje | Kodi | pamje | Kodi | pamje | Kodi | pamje | Kodi | pamje | Kodi |
| #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 | # 0000 FF |
Specifikimi i ngjyrës duke përdorur literale të vargut
Për lehtësinë e përdorimit, disa ngjyrave dhe kombinimeve të tyre u janë caktuar emra që njihen nga të gjithë shfletuesit dhe u bë e mundur vendosja e shumë prej tyre me emër. Tabela më poshtë rendit disa nga emrat e ngjyrave:
| pamje | emri | pamje | emri | pamje | emri | pamje | emri |
| E bardha | E kuqe | portokalli | E verdhe | ||||
| E gjelbër | Blu | Vjollcë | E zezë | ||||
| Aliceblue | Antik i bardhë | Aqua | Aquamarine | ||||
| Azure | Bezhë | Bisque | Blanchedalmond | ||||
| Vjollca blu | Kafe | Burlywood | Kadet blu | ||||
| Chartreuse | Cokollate | Koral | lule misri blu | ||||
| Mëndafshi i misrit | Crimson | Cyan | BLU e erret | ||||
| të errët | Shkopi i artë i errët | Gri e erret | Jeshile të errët | ||||
| Darkkaki | Darkmagenta | E errët e gjelbër | Ngjyra e errët | ||||
| Darkorchid | E kuqe e erret | Salmon i zi | Gjelbër e errët | ||||
| Blu e errët | Gri e errët | Bruz i errët | Vjollca e errët | ||||
| Pink i thellë | Blu e thellë | E zbehtë | Dodgeblu | ||||
| Tulla zjarri | E bardhë me lule | Me gjelbërim pyjor | Fuschia | ||||
| Gainsboro | Ghostwhite | Ari | Shkopi i Artë | ||||
| Gri | E verdhë e gjelbër | Mjaltë | Rozë e nxehtë | ||||
| Indianed | Lejla | Fildishi | Kaki | ||||
| Livando | Skuqja e livandës | Limonshifon | Blu e lehtë | ||||
| Koral i lehtë | drite | E verdhë e lehtë e bardhë | E gjelbër e çelur | ||||
| gri e çelët | Rozë e lehtë | Salmon i lehtë | E gjelbër e lehtë | ||||
| Blu e lehtë | Gri me llafe | Blu e çelur | E verdhe e lehte | ||||
| Gëlqere | Limegreen | Liri | Magenta | ||||
| Maroon | Aquamarine e mesme | Blu mesatare | Mediumorkide | ||||
| Vjollcë e mesme | E gjelbër e mesme | Blu me pllakë mesatare | Mediumspringgreen | ||||
| Bruz mesatar | Vjollcë mesatare | Blu e mesnatës | Krem mente | ||||
| Mistiroza | Navajo e bardhë | Marina | Oldlace | ||||
| Ulliri | Ullidrabi | E portokalluar | Orkide | ||||
| Palegoldenrod | Palegreen | Paleturuz | Paleviolet | ||||
| Kamxhik papaja | Peachpuff | Peruja | Rozë | ||||
| Kumbulla | Blu pluhur | Trëndafili | BLU Mbretërore | ||||
| shalë kafe | Deti jeshile | Guaskë deti | Siena | ||||
| Argjendi | Qiell blu | Pllaka blu | Slategray | ||||
| borë | Pranvera | Çeliku | Tan | ||||
| Teal | gjembak | Domate | Bruz | ||||
| vjollce | Gruri | Tym i bardhë | e verdhë e gjelbër |
Përdorimi i një zgjedhësi të sigurt ngjyrash
Fatkeqësisht, në platforma të ndryshme, me cilësime të ndryshme të sistemit, paraqitja e saktë e ngjyrave është një problem. Gjë është se shfletuesi gjithmonë përpiqet të rregullojë paletën e ngjyrave të dokumentit në cilësimet e sistemit dhe aftësitë e monitorimit, duke përzier në mënyrë të pavarur ngjyrat dhe duke i zëvendësuar ato. Si rezultat, ndonjëherë përdoruesi nuk sheh saktësisht atë që web-master dëshironte t'i tregonte atij. Një rrugëdalje nga kjo situatë u gjet në përdorimin e një palete, secila ngjyrë e së cilës garantohet të jepet e njëjtë nga të gjithë shfletuesit në platforma të ndryshme. Ky është i ashtuquajturi e garantuar paleta, e quajtur edhe ajo i sigurt paleta. Kjo paletë përfshin ngjyra, përbërësit e ngjyrave të të cilave marrin vlerat e mëposhtme: 00 ,33 ,66 ,99 , CC,FF, në të gjitha të mundshme 216 kombinimet e tyre.
| pamje | Kodi | pamje | Kodi | pamje | Kodi | pamje | Kodi | pamje | Kodi | pamje | Kodi |
| Fffffff | CCCCCC | 999999 | 666666 | 333333 | 000000 | ||||||
| CCCC66 | CCCC33 | 999966 | 999933 | 999900 | 666600 | ||||||
| CCFF66 | CCFF00 | CCFF33 | CCCC99 | 666633 | 333300 | ||||||
| 99 FF00 | 99FF33 | 99CC66 | 99CC00 | 99CC33 | 669900 | ||||||
| CCFF99 | 99FF99 | 66CC00 | 66CC33 | 669933 | 336600 | ||||||
| 66 FF00 | 66FF33 | 33 FF00 | 33CC00 | 339900 | 009900 | ||||||
| 33FF33 | 00FF33 | 00 FF00 | 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 | 3399 FF | 0099FF | 6699CC | 336699 | 006699 | ||||||
| 0066FF | 3366CC | 0066CC | 0033FF | 003399 | 003366 | ||||||
| 6699 FF | 3366 FF | 0000 FF | 0000CC | 0033CC | 000033 | ||||||
| 3333FF | 3300 FF | 3300cc | 3333CC | 000099 | 000066 | ||||||
| 9999CC | 6666 FF | 6666CC | 666699 | 333399 | 333366 | ||||||
| CCCCFF | 9999 FF | 6666 FF | 6600 FF | 330099 | 330066 | ||||||
| 9966CC | 9966 FF | 6600cc | 6633CC | 663399 | 330033 | ||||||
| CC99FF | CC66FF | 9933FF | 9900 FF | 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 |
Kodet e ngjyrave CSS përdoren për të specifikuar një ngjyrë. Në mënyrë tipike, kodet e ngjyrave ose vlerat e ngjyrave përdoren për të vendosur një ngjyrë ose për planin e parë të një elementi (për shembull, ngjyra e tekstit, ngjyra e lidhjes) ose për sfondin e një elementi (ngjyra e sfondit, ngjyra e bllokut). Ato mund të përdoren gjithashtu për të ndryshuar ngjyrën e një butoni, kufiri, shënuesi, rri pezull dhe efekte të tjera dekorative.
Ju mund të vendosni vlerat tuaja të ngjyrave në formate të ndryshme. Tabela e mëposhtme liston të gjitha formatet e mundshme:
Formatet e listuara përshkruhen më në detaje më poshtë.
Ngjyrat CSS - Kodet Heksadecimal
Kodi heksadecimal i ngjyraveështë një paraqitje gjashtëshifrore e një ngjyre. Dy shifrat e para (RR) përfaqësojnë vlerën e kuqe, dy të tjerat përfaqësojnë vlerën e gjelbër (GG) dhe dy të fundit përfaqësojnë vlerën blu (BB).
Ngjyrat CSS - Kode të shkurtra Hex
Kodi i shkurtër gjashtëkëndor i ngjyraveështë forma më e shkurtër e shënimit gjashtëshifror. Në këtë format, çdo shifër përsëritet për të prodhuar vlerën ekuivalente të ngjyrës me gjashtë shifra. Për shembull: # 0F0 bëhet # 00FF00.
Vlera heksadecimal mund të merret nga çdo softuer grafik si Adobe Photoshop, Core Draw, etj.
Çdo kod heksadecimal ngjyrash në CSS do të paraprihet nga një shenjë hash "#". Më poshtë janë shembuj të përdorimit të shënimit heksadecimal.
Ngjyrat CSS - Vlerat RGB
Vlera RGBështë kodi i ngjyrës, i cili vendoset duke përdorur veçorinë rgb (). Kjo pronë merr tre vlera, një për të kuqe, jeshile dhe blu. Vlera mund të jetë një numër i plotë, nga 0 në 255, ose një përqindje.
Shënim: Jo të gjithë shfletuesit mbështesin veçorinë e ngjyrave rgb (), kështu që nuk rekomandohet përdorimi i saj.
Më poshtë është një shembull që tregon shumë ngjyra duke përdorur vlerat RGB.
Gjenerator i kodit të ngjyrave
Ju mund të krijoni miliona kode ngjyrash duke përdorur shërbimin tonë.
Ngjyra të sigurta të shfletuesit
Më poshtë është një tabelë me 216 ngjyra që janë më të sigurtat dhe më të pavarura nga kompjuteri. Këto ngjyra CSS variojnë nga 000000 në FFFFFF heksadecimal. Ato janë të sigurta për t'u përdorur sepse sigurojnë që të gjithë kompjuterët të shfaqin saktë ngjyrat kur punojnë me një gamë ngjyrash 256.
| Tabela e ngjyrave "të sigurta" të CSS | |||||
| #000000 | #000033 | #000066 | #000099 | # 0000 CC | # 0000 FF |
| #003300 | #003333 | #003366 | #003399 | # 0033CC | # 0033FF |
| #006600 | #006633 | #006666 | #006699 | # 0066CC | # 0066FF |
| #009900 | #009933 | #009966 | #009999 | # 0099CC | # 0099FF |
| # 00CC00 | # 00CC33 | # 00CC66 | # 00CC99 | # 00CCCC | # 00CCFF |
| # 00FF00 | # 00FF33 | # 00FF66 | # 00FF99 | # 00FFCC | # 00FFFF |
| #330000 | #330033 | #330066 | #330099 | # 3300CC | # 3300 FF |
| #333300 | #333333 | #333366 | #333399 | # 3333CC | # 3333FF |
| #336600 | #336633 | #336666 | #336699 | # 3366CC | # 3366FF |
| #339900 | #339933 | #339966 | #339999 | # 3399CC | # 3399FF |
| # 33CC00 | # 33CC33 | # 33CC66 | # 33CC99 | # 33CCCC | # 33CCFF |
| # 33 FF00 | # 33FF33 | # 33FF66 | # 33FF99 | # 33FFCC | # 33FFFF |
| #660000 | #660033 | #660066 | #660099 | # 6600cc | # 6600 FF |
| #663300 | #663333 | #663366 | #663399 | # 6633CC | # 6633FF |
| #666600 | #666633 | #666666 | #666699 | # 6666CC | # 6666FF |
| #669900 | #669933 | #669966 | #669999 | # 6699CC | # 6699FF |
| # 66CC00 | # 66CC33 | # 66CC66 | # 66CC99 | # 66CCCC | # 66CCFF |
| # 66 FF00 | # 66FF33 | # 66FF66 | # 66FF99 | # 66FFCC | # 66FFFF |
| #990000 | #990033 | #990066 | #990099 | # 9900CC | # 9900 FF |
| #993300 | #993333 | #993366 | #993399 | # 9933CC | # 9933FF |
| #996600 | #996633 | #996666 | #996699 | # 9966CC | # 9966FF |
| #999900 | #999933 | #999966 | #999999 | # 9999CC | # 9999FF |
| # 99CC00 | # 99CC33 | # 99CC66 | # 99CC99 | # 99CCCC | # 99CCFF |
| # 99FF00 | # 99FF33 | # 99FF66 | # 99FF99 | # 99FFCC | # 99FFFF |
| # CC0000 | # CC0033 | # CC0066 | # CC0099 | # CC00CC | # CC00FF |
| # CC3300 | # CC3333 | # CC3366 | # CC3399 | # CC33CC | # CC33FF |
| # CC6600 | # CC6633 | # CC6666 | # CC6699 | # CC66CC | # CC66FF |
| # CC9900 | # CC9933 | # CC9966 | # CC9999 | # CC99CC | # CC99FF |
| # CCCC00 | # CCCC33 | # CCCC66 | # CCCC99 | #CCCCCC | #CCCCFF |
| # CCFF00 | # CCFF33 | # CCFF66 | # CCFF99 | #CCFFCC | #CCFFFF |
| # FF0000 | # FF0033 | # FF0066 | # FF0099 | # FF00CC | # FF00FF |
| # FF3300 | # FF3333 | # FF3366 | # FF3399 | # FF33CC | # FF33FF |
| # FF6600 | # FF6633 | # FF6666 | # FF6699 | # FF66CC | # FF66FF |
| # FF9900 | # FF9933 | # FF9966 | # FF9999 | # FF99CC | # FF99FF |
| # FFCC00 | # FFCC33 | # FFCC66 | # FFCC99 | #FFCCCC | #FFCCFF |
| # FFFF00 | # FFFF33 | # FFFF66 | # FFFF99 | #FFFFCC | #FFFFFF |
Vlad Merzheviç
Në HTML, një ngjyrë përcaktohet në një nga dy mënyrat: duke përdorur një kod heksadecimal dhe me emrin e disa ngjyrave. Përdoret kryesisht metoda e bazuar në sistemin e numrave heksadecimal, si më universale.
Ngjyra heksadecimal
Numrat heksadecimal përdoren për të specifikuar ngjyrat në HTML. Sistemi heksadecimal, ndryshe nga sistemi dhjetor, bazohet, siç sugjeron emri i tij, në numrin 16. Numrat do të jenë si më poshtë: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9. , A, B, C , D, E, F. Numrat nga 10 deri në 15 zëvendësohen me shkronja latine. Tabela 6.1 tregon korrespondencën ndërmjet numrave dhjetorë dhe heksadecimalë.
Numrat më të mëdhenj se 15 në sistemin heksadecimal formohen duke kombinuar dy numra në një (Tabela 6.2). Për shembull, 255 dhjetore është FF heksadecimal.
Për të shmangur konfuzionin në përkufizimin e sistemit të numrave, karakteri hash # vendoset përpara numrit heksadecimal, për shembull # aa69cc. Në këtë rast, regjistri nuk ka rëndësi, kështu që lejohet të shkruhet # F0F0F0 ose # f0f0f0.
Një ngjyrë tipike e përdorur në HTML duket kështu.
Këtu, ngjyra e sfondit të faqes së internetit është vendosur në # FA8E47. Simboli hash # përpara një numri do të thotë se është heksadecimal. Dy shifrat e para (FA) përcaktojnë përbërësin e kuq të ngjyrës, shifrat e treta deri në të katërt (8E) janë jeshile dhe dy shifrat e fundit (47) janë blu. Si rezultat, ju merrni këtë ngjyrë.
| FA | + | 8E | + | 47 | = | FA8E47 |
Secila nga tre ngjyrat - e kuqe, jeshile dhe blu - mund të marrë vlera nga 00 në FF, duke rezultuar në 256 nuanca. Kështu, numri i përgjithshëm i ngjyrave mund të jetë 256x256x256 = 16.777.216 kombinime. Modeli i ngjyrave i bazuar në përbërësit e kuq, jeshil dhe blu quhet RGB (e kuqe, jeshile, blu; e kuqe, jeshile, blu). Ky model është aditiv (nga add - to add), në të cilin shtimi i të tre komponentëve formon një ngjyrë të bardhë.
Për ta bërë më të lehtë lundrimin me ngjyra heksadecimal, merrni parasysh disa rregulla.
- Nëse vlerat e përbërësve të ngjyrave janë të njëjta (për shembull: # D6D6D6), atëherë merrni një nuancë gri. Sa më i lartë numri, aq më e hapur ngjyra, vlerat variojnë nga # 000000 (e zezë) në #FFFFFF (e bardhë).
- Një ngjyrë e kuqe e ndezur formohet nëse komponenti i kuq vendoset në maksimum (FF), dhe pjesa tjetër e përbërësve vendoset në zero. Ngjyra # FF0000 është nuanca më e kuqe e mundshme. I njëjti është rasti me jeshile (# 00FF00) dhe blu (# 0000FF).
- E verdha (#FFFF00) përftohet duke përzier të kuqe me të gjelbër. Kjo është qartë e dukshme në rrotën e ngjyrave (Fig. 6.1), ku janë paraqitur ngjyrat kryesore (e kuqe, jeshile, blu) dhe ngjyrat plotësuese ose plotësuese. Këto përfshijnë të verdhën, cianin dhe vjollcën (e quajtur edhe purpur). Në përgjithësi, çdo ngjyrë mund të merret duke përzier ngjyrat e afërta. Pra, ciani (# 00FFFF) përftohet duke kombinuar blu dhe jeshile.
Oriz. 6.1. Rrethi me ngjyra
Ngjyrat heksadecimal nuk kanë nevojë të zgjidhen në mënyrë empirike. Për këtë qëllim, një redaktues grafik që mund të punojë me modele të ndryshme ngjyrash është i përshtatshëm, për shembull, Adobe Photoshop. Në fig. 6.2 tregon një dritare për zgjedhjen e një ngjyre në këtë program, vlera heksadecimal që rezulton e ngjyrës aktuale përvijohet me një vijë. Mund ta kopjoni dhe ngjisni në kodin tuaj.
Oriz. 6.2. Dritarja e zgjedhjes së ngjyrave në Photoshop
Ngjyrat e internetit
Nëse e vendosni cilësinë e ngjyrave të monitorit në 8 bit (256 ngjyra), atëherë e njëjta ngjyrë mund të shfaqet ndryshe në shfletues të ndryshëm. Kjo është për shkak të mënyrës se si shfaqen grafikët, ku shfletuesi punon me paletën e tij dhe nuk mund të tregojë një ngjyrë që nuk e ka në paleta. Në këtë rast, ngjyra zëvendësohet nga një kombinim i pikselave të ngjyrave të tjera, afër saj, që imitojnë atë të specifikuar. Për të mbajtur ngjyrën të pandryshuar në shfletues të ndryshëm, ne prezantuam një gamë të të ashtuquajturave ngjyra të uebit. Ngjyrat e uebit janë ato ngjyra, për secilën përbërës të të cilave - e kuqe, jeshile dhe blu - është vendosur një nga gjashtë vlerat - 0 (00), 51 (33), 102 (66), 153 (99), 204 (CC ), 255 (FF). Kllapat tregojnë vlerën heksadecimal të këtij komponenti. Numri i përgjithshëm i ngjyrave nga të gjitha kombinimet e mundshme jep 6x6x6 - 216 ngjyra. Një shembull i një ngjyre ueb është # 33FF66.
Karakteristika kryesore e ngjyrës së uebit është se ajo shfaqet e njëjtë në të gjithë shfletuesit. Për momentin, rëndësia e ngjyrave të uebit është shumë e vogël për shkak të rritjes së cilësisë së monitorëve dhe zgjerimit të aftësive të tyre.
Ngjyrat sipas emrit
Për të mos mësuar përmendësh një grup numrash, në vend të tyre mund të përdorni emrat e ngjyrave të përdorura zakonisht. Tabela 6.3 liston emrat e emrave të njohur të ngjyrave.
| Emri i ngjyrës | Ngjyrë | Përshkrim | Vlera heksadecimal |
|---|---|---|---|
| e zezë | E zezë | #000000 | |
| blu | Blu | # 0000 FF | |
| fuchsia | Vjollcë e lehtë | # FF00FF | |
| gri | Gri e errët | #808080 | |
| jeshile | E gjelbër | #008000 | |
| gëlqere | Jeshile e hapur | # 00FF00 | |
| ngjyrë gështenjë | E kuqe e erret | #800000 | |
| marina | Blu marine | #000080 | |
| ulliri | Ulliri | #808000 | |
| vjollcë | Vjollcë e errët | #800080 | |
| e kuqe | E kuqe | # FF0000 | |
| argjendi | Gri e hapur | # C0C0C0 | |
| ngjyrë kafe | BLU jeshile | #008080 | |
| të bardhë | E bardha | #FFFFFF | |
| e verdhe | E verdhe | # FFFF00 |
Nuk ka rëndësi se në cilën mënyrë e specifikoni ngjyrën - me emrin e saj ose duke përdorur numra heksadecimal. Këto metoda janë të barabarta në veprim. Shembulli 6.1 tregon se si të vendosni sfondin dhe ngjyrën e tekstit të një faqe interneti.
Shembulli 6.1. Ngjyra e sfondit dhe e tekstit
Shembull teksti
Në këtë shembull, ngjyra e sfondit vendoset duke përdorur atributin bgcolor të etiketës
, dhe ngjyra e tekstit përmes atributit tekst. Për një ndryshim, atributi i tekstit vendoset në një numër heksadecimal dhe bgcolor vendoset në fjalën kyçe të rezervuar.Numrat heksadecimal përdoren për të vendosur ngjyrat. Sistemi heksadecimal, ndryshe nga sistemi dhjetor, bazohet, siç sugjeron emri i tij, në numrin 16. Numrat do të jenë si më poshtë: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9. , A, B, C , D, E, F. Numrat nga 10 deri në 15 zëvendësohen me shkronja latine. Numrat më të mëdhenj se 15 në heksadecimal formohen duke kombinuar dy numra në një. Për shembull, 255 dhjetore është e barabartë me FF heksadecimal. Për të shmangur konfuzionin në përkufizimin e sistemit të numrave, simboli hash # vendoset përpara numrit heksadecimal, për shembull # 666999. Secila nga tre ngjyrat - e kuqe, jeshile dhe blu - mund të variojë nga 00 në FF. Kështu, emërtimi i ngjyrës ndahet në tre komponentë #rrggbb, ku dy karakteret e para shënojnë përbërësin e kuq të ngjyrës, dy të mesit - jeshile dhe dy të fundit - blu. Lejohet përdorimi i një forme të shkurtuar si #rgb, ku çdo karakter duhet të dyfishohet. Pra, hyrja # fe0 duhet të trajtohet si # ffee00.
Me emër
| Internet Explorer | krom | Opera | Safari | Firefox | Android | iOS |
| 4.0+ | 1.0+ | 3.5+ | 1.3+ | 1.0+ | 1.0+ | 1.0+ |
Shfletuesit mbështesin disa ngjyra me emër. Tabela 1 tregon emrat, kodin heksadecimal, vlerat RGB, HSL dhe përshkrimin.
| Emri | Ngjyrë | Kodi | RGB | Hsl | Përshkrim |
|---|---|---|---|---|---|
| të bardhë | #ffffff ose #fff | rgb (255,255,255) | hsl (0.0%, 100%) | E bardha | |
| argjendi | # c0c0c0 | rgb (192,192,192) | hsl (0.0%, 75%) | Gri | |
| gri | #808080 | rgb (128,128,128) | hsl (0.0%, 50%) | Gri e errët | |
| e zezë | # 000000 ose # 000 | rgb (0,0,0) | hsl (0.0%, 0%) | E zezë | |
| ngjyrë gështenjë | #800000 | rgb (128,0,0) | hsl (0,100%, 25%) | E kuqe e erret | |
| e kuqe | # ff0000 ose # f00 | rgb (255,0,0) | hsl (0,100%, 50%) | E kuqe | |
| portokalli | #ffa500 | rgb (255,165,0) | hsl (38.8,100%, 50%) | portokalli | |
| e verdhe | # ffff00 ose # ff0 | rgb (255,255,0) | hsl (60,100%, 50%) | E verdhe | |
| ulliri | #808000 | rgb (128,128,0) | hsl (60,100%, 25%) | Ulliri | |
| gëlqere | # 00ff00 ose # 0f0 | rgb (0.255.0) | hsl (120,100%, 50%) | Jeshile e hapur | |
| jeshile | #008000 | rgb (0.128.0) | hsl (120,100%, 25%) | E gjelbër | |
| ujore | # 00ffff ose # 0ff | rgb (0,255,255) | hsl (180,100%, 50%) | Blu | |
| blu | # 0000ff ose # 00f | rgb (0,0,255) | hsl (240,100%, 50%) | Blu | |
| marina | #000080 | rgb (0,0,128) | hsl (240,100%, 25%) | Blu marine | |
| ngjyrë kafe | #008080 | rgb (0.128.128) | hsl (180,100%, 25%) | BLU jeshile | |
| fuchsia | # ff00ff ose # f0f | rgb (255,0,255) | hsl (300,100%, 50%) | Rozë | |
| vjollcë | #800080 | rgb (128,0,128) | hsl (300,100%, 25%) | vjollce |
Me RGB
| Internet Explorer | krom | Opera | Safari | Firefox | Android | iOS |
| 5.0+ | 1.0+ | 3.5+ | 1.3+ | 1.0+ | 1.0+ | 1.0+ |
Ju mund të përcaktoni ngjyrën duke përdorur vlerat dhjetore të përbërësve të kuq, jeshil dhe blu. Secili nga tre komponentët e ngjyrave merr një vlerë nga 0 në 255. Gjithashtu lejohet të vendoset ngjyra në përqindje, ndërsa 100% do t'i korrespondojë numrit 255. Së pari, tregohet fjala kyçe rgb dhe më pas në kllapa, Komponentët e ngjyrave tregohen, të ndarë me presje, për shembull rgb (255 , 128, 128) ose rgb (100%, 50%, 50%).
RGBA
| Internet Explorer | krom | Opera | Safari | Firefox | Android | iOS |
| 9.0+ | 1.0+ | 10.0+ | 3.1+ | 3.0+ | 2.1+ | 2.0+ |
Formati RGBA është i ngjashëm në sintaksë me RGB, por përfshin një kanal alfa që kontrollon transparencën e elementit. Një vlerë prej 0 korrespondon me transparencën e plotë, 1 me transparencën dhe një vlerë të ndërmjetme si 0.5 me gjysmëtransparencë.
RGBA u shtua në CSS3, kështu që vërtetimi i kodit CSS duhet të bëhet duke përdorur këtë version. Duhet të theksohet se standardi CSS3 është ende në zhvillim e sipër dhe disa veçori mund të ndryshojnë. Për shembull, një ngjyrë RGB e shtuar në vetinë e ngjyrës së sfondit vërtetohet, por një ngjyrë e shtuar në veçorinë e sfondit jo më. Në të njëjtën kohë, shfletuesit e kuptojnë saktë ngjyrën për të dy vetitë.
Hsl
| Internet Explorer | krom | Opera | Safari | Firefox | Android | iOS |
| 9.0+ | 1.0+ | 9.6+ | 3.1+ | 3.0+ | 2.1+ | 2.0+ |
Emri i formatit HSL është formuar nga një kombinim i shkronjave të para Hue (hue), Saturate (ngopje) dhe Lightness (lehtësi). Hue është vlera e një ngjyre në rrotën e ngjyrave (Fig. 1) dhe jepet në gradë. 0 ° është e kuqe, 120 ° është e gjelbër dhe 240 ° është blu. Vlera e nuancës mund të variojë nga 0 në 359.
Oriz. 1. Rrota me ngjyra
Ngopja është intensiteti i një ngjyre, i matur si përqindje nga 0% në 100%. Një vlerë prej 0% tregon pa ngjyrë dhe një nuancë gri, 100% është vlera maksimale e ngopjes.
Lehtësia përcakton se sa e ndritshme është ngjyra dhe tregohet si përqindje nga 0% në 100%. Vlerat e ulëta e bëjnë ngjyrën më të errët, dhe vlerat e larta të ndriçojnë, vlerat ekstreme prej 0% dhe 100% korrespondojnë me të zezën dhe të bardhën.
HSLA
| Internet Explorer | krom | Opera | Safari | Firefox | Android | iOS |
| 9.0+ | 1.0+ | 10.0+ | 3.1+ | 3.0+ | 2.1+ | 2.0+ |
Formati HSLA është i ngjashëm në sintaksë me HSL, por përfshin një kanal alfa që përcakton transparencën e elementit. Një vlerë prej 0 korrespondon me transparencën e plotë, 1 me transparencën dhe një vlerë të ndërmjetme si 0.5 me gjysmëtransparencë.
Vlerat e ngjyrave në formatet RGBA, HSL dhe HSLA janë shtuar në CSS3, prandaj sigurohuni që të kontrolloni për vlefshmërinë e versionit kur përdorni këto formate.
HTML5 CSS2.1 CSS3 IE Cr Op Sa Fx
Paralajmërim
Të gjitha metodat për kapjen e një luani të listuara në faqe janë teorike dhe të bazuara në metoda llogaritëse. Autorët nuk garantojnë sigurinë tuaj kur i përdorni dhe mohojnë çdo përgjegjësi për rezultatin. Mos harroni, luani është një grabitqar dhe një kafshë e rrezikshme!
Rezultati i këtij shembulli është paraqitur në Fig. 2.
Oriz. 2. Ngjyrat në faqen e internetit
HEX / HTML
Ngjyra HEX nuk është asgjë më shumë se përfaqësimi heksadecimal RGB.
Ngjyrat përfaqësohen si tre grupe të shifrave heksadecimal, ku secili grup është përgjegjës për ngjyrën e vet: # 112233, ku 11 është e kuqe, 22 është e gjelbër, 33 është blu. Të gjitha vlerat duhet të jenë midis 00 dhe FF.
Në shumë aplikacione, lejohet një formë e shkurtuar e shënimit për ngjyrat heksadecimal. Nëse secili nga tre grupet përmban të njëjtat karaktere, për shembull # 112233, atëherë ato mund të shkruhen si # 123.
- h1 (ngjyra: # ff0000;) / * e kuqe * /
- h2 (ngjyra: # 00ff00;) / * jeshile * /
- h3 (ngjyra: # 0000ff;) / * blu * /
- h4 (ngjyra: # 00f;) / * e njëjta blu, stenografi * /
RGB
Hapësira e ngjyrave RGB (E kuqe, jeshile, blu) përbëhet nga të gjitha ngjyrat e mundshme që mund të merren duke përzier të kuqe, jeshile dhe blu. Ky model është i popullarizuar në fotografi, televizion dhe grafikë kompjuterike.
Vlerat RGB përcaktohen si një numër i plotë nga 0 në 255. Për shembull, rgb (0,0,255) shfaqet si blu sepse parametri blu është vendosur në vlerën e tij më të lartë (255) dhe pjesa tjetër është vendosur në 0.
Disa aplikacione (veçanërisht shfletuesit e uebit) mbështesin shkrimin e përqindjes së vlerave RGB (0% deri në 100%).
- h1 (ngjyra: rgb (255, 0, 0);) / * e kuqe * /
- h2 (ngjyra: rgb (0, 255, 0);) / * jeshile * /
- h3 (ngjyra: rgb (0, 0, 255);) / * blu * /
- h4 (ngjyra: rgb (0%, 0%, 100%);) / * e njëjta blu, shkrimi i përqindjes * /
Vlerat e ngjyrave RGB mbështeten në të gjithë shfletuesit kryesorë.
RGBA
Kohët e fundit, shfletuesit modernë kanë mësuar të punojnë me modelin e ngjyrave RGBA - një shtrirje RGB me mbështetje për një kanal alfa që përcakton errësirën e një objekti.
Një vlerë ngjyrash RGBA specifikohet si: rgba (e kuqe, jeshile, blu, alfa). Alfa është një numër që varion nga 0.0 (plotësisht transparent) në 1.0 (plotësisht i errët).
- h1 (ngjyra: rgb (0, 0, 255);) / * blu në RGB normale * /
- h2 (ngjyra: rgba (0, 0, 255, 1);) / * e njëjta blu në RGBA, sepse opaciteti: 100% * /
- h3 (ngjyra: rgba (0, 0, 255, 0.5);) / * errësirë: 50% * /
- h4 (ngjyra: rgba (0, 0, 255, .155);) / * errësirë: 15.5% * /
- h5 (ngjyra: rgba (0, 0, 255, 0);) / * plotësisht transparente * /
RGBA mbështetet në IE9 +, Firefox 3+, Chrome, Safari dhe Opera 10+.
Hsl
Modeli i ngjyrave HSL është një paraqitje cilindrike e modelit RGB. HSL përfaqëson ngjyrat në një mënyrë më intuitive dhe më të kuptueshme sesa RGB tipike. Modeli përdoret shpesh në aplikacionet grafike, në përzgjedhësit e ngjyrave dhe për analizën e imazhit.
HSL qëndron për Hue, Saturation, Lightness / Luminance, për të mos ngatërruar me shkëlqimin.
Hue vendos pozicionin e ngjyrës në rrotën e ngjyrave (nga 0 në 360). Ngopja është një përqindje e ngopjes (0% deri në 100%). Lehtësia është përqindja e butësisë (0% deri në 100%).
- h1 (ngjyra: hsl (120, 100%, 50%);) / * jeshile * /
- h2 (ngjyra: hsl (120, 100%, 75%);) / * jeshile e lehtë * /
- h3 (ngjyra: hsl (120, 100%, 25%);) / * jeshile e errët * /
- h4 (ngjyra: hsl (120, 60%, 70%);) / * jeshile pastel * /
HSL mbështetet në IE9 +, Firefox, Chrome, Safari dhe Opera 10+.
HSLA
Ngjashëm me RGB / RGBA, HSL ka një modalitet HSLA me një kanal alfa për të treguar opacitetin e një objekti.
Vlera e ngjyrës HSLA jepet si: hsla (ngjyrë, ngopje, lehtësi, alfa). Alfa është një numër që varion nga 0.0 (plotësisht transparent) në 1.0 (plotësisht i errët).
- h1 (ngjyra: hsl (120, 100%, 50%);) / * jeshile në HSL normale * /
- h2 (ngjyra: hsla (120, 100%, 50%, 1);) / * e njëjta jeshile në HSLA, sepse opaciteti: 100% * /
- h3 (ngjyra: hsla (120, 100%, 50%, 0,5);) / * errësirë: 50% * /
- h4 (ngjyra: hsla (120, 100%, 50%, .155);) / * errësirë: 15,5% * /
- h5 (ngjyra: hsla (120, 100%, 50%, 0);) / * plotësisht transparente * /
CMYK
Modeli i ngjyrave CMYK shpesh shoqërohet me printimin dhe printimin me ngjyra. CMYK (në krahasim me RGB) është një model zbritës, që do të thotë se vlerat më të larta shoqërohen me ngjyra më të errëta.
Ngjyrat përcaktohen nga raporti i Cyan, Magenta, Yellow, me shtimin e ngjyrës së zezë (Key / e zezëK).
Secili nga numrat që përcaktojnë një ngjyrë në CMYK përfaqëson përqindjen e bojës së një ngjyre të caktuar që përbën një kombinim ngjyrash, ose më mirë, madhësinë e një pike raster të shfaqur në një fotoseter në një film të një ngjyre të caktuar (ose drejtpërdrejt në një pllakë printimi në rastin e CTP).
Për shembull, për të marrë ngjyrën PANTONE 7526, përzieni 9 pjesë cian, 83 magenta, 100 të verdhë dhe 46 të zezë. Kjo mund të tregohet si më poshtë: (9,83,100,46). Ndonjëherë ata përdorin përcaktime të tilla: C9M83Y100K46, ose (9%, 83%, 100%, 46%), ose (0.09 / 0.83 / 1.0 / 0.46).
HSB / HSV
HSB (i njohur gjithashtu si HSV) është i ngjashëm me HSL, por ato janë dy modele me ngjyra të ndryshme. Të dyja bazohen në gjeometrinë cilindrike, por HSB / HSV bazohet në modelin "hexcone", ndërsa HSL bazohet në modelin "bi-hexcone". Artistët shpesh preferojnë të përdorin këtë model, përgjithësisht pranohet që pajisja HSB / HSV është më afër perceptimit natyror të ngjyrave. Në veçanti, modeli i ngjyrave HSB përdoret në Adobe Photoshop.
HSB / HSV qëndron për Hue, Saturation, Brightness / Value.
Hue vendos pozicionin e ngjyrës në rrotën e ngjyrave (nga 0 në 360). Ngopja është një përqindje e ngopjes (0% deri në 100%). Shkëlqimi është përqindja e shkëlqimit (0% deri në 100%).
XYZ
Modeli i ngjyrave XYZ (CIE 1931 XYZ) është një hapësirë thjesht matematikore. Ndryshe nga modelet RGB, CMYK dhe modelet e tjera, në XYZ, përbërësit kryesorë janë "imagjinarë", domethënë nuk mund të lidhni X, Y dhe Z me asnjë grup ngjyrash për t'u përzier. XYZ është modeli kryesor për pothuajse të gjitha modelet e tjera të ngjyrave të përdorura në fushat teknike.
LAB
Modeli i ngjyrave LAB (CIELAB, "CIE 1976 L * a * b *") llogaritet nga hapësira CIE XYZ. Gjatë zhvillimit të Lab, qëllimi ishte krijimi i një hapësire ngjyrash në të cilën ndryshimi i ngjyrës do të jetë më linear nga pikëpamja e perceptimit njerëzor (krahasuar me XYZ), domethënë, në mënyrë që i njëjti ndryshim në vlerat e koordinatave të ngjyrave në rajone të ndryshme të hapësirës së ngjyrave prodhojnë të njëjtën ndjesi ndryshimi të ngjyrës.
