Numrat heksadecimal përdoren për të specifikuar 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ë sistemin heksadecimal formohen duke kombinuar dy numra në një. Për shembull, numri 255 në dhjetor korrespondon me numrin FF në heksadecimal. Për të shmangur konfuzionin në përcaktimin e sistemit të numrave, një simbol hash # vendoset përpara numrit heksadecimal, për shembull #666999. Secila nga tre ngjyrat - e kuqe, jeshile dhe blu - mund të marrë vlera nga 00 në FF. Kështu, simboli i ngjyrës ndahet në tre komponentë #rrggbb, ku dy simbolet e para tregojnë përbërësin e kuq të ngjyrës, dy të mesit - jeshile dhe dy të fundit - blu. Lejohet përdorimi i formës së shkurtuar #rgb, ku çdo karakter duhet të dyfishohet. Kështu, hyrja #fe0 duhet të konsiderohet 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 emrin e tyre. Në tabelë 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 e erret | |
| 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 |
Duke përdorur 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 e kuqe, jeshile dhe blu në terma dhjetorë. Secili nga tre komponentët e ngjyrave merr një vlerë nga 0 në 255. Gjithashtu lejohet të specifikohet ngjyra si përqindje, me 100% që korrespondon me numrin 255. Së pari, specifikoni fjalën kyçe rgb dhe më pas specifikoni përbërësit e ngjyrës në kllapa , të ndara 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ë specifikon transparencën e elementit. Një vlerë prej 0 është plotësisht transparente, 1 është e errët dhe një vlerë e ndërmjetme si 0.5 është gjysmë transparente.
RGBA u shtua në CSS3, kështu që kodi CSS duhet të vërtetohet kundrejt këtij versioni. Duhet të theksohet se standardi CSS3 është ende në zhvillim dhe disa veçori mund të ndryshojnë. Për shembull, një ngjyrë në formatin RGB e shtuar në vetinë e ngjyrës së sfondit vërtetohet, por ajo e shtuar në veçorinë e sfondit nuk është më e vlefshme. 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 rrjedh nga kombinimi i shkronjave të para Hue (hue), Saturate (ngopje) dhe Lightness (lehtësi). Hue është vlera e ngjyrës në rrotën e ngjyrave (Fig. 1) dhe jepet në gradë. 0° korrespondon me të kuqe, 120° me jeshile dhe 240° me blu. Vlera e nuancës mund të ndryshojë nga 0 në 359.
Oriz. 1. Rrota me ngjyra
Ngopja është intensiteti i një ngjyre dhe matet si përqindje nga 0% në 100%. Një vlerë prej 0% tregon mungesën e ngjyrës dhe një nuancë gri, 100% është vlera maksimale për ngopjen.
Lehtësia përcakton se sa e ndritshme është ngjyra dhe përcaktohet si përqindje nga 0% në 100%. Vlerat e ulëta e bëjnë ngjyrën më të errët, dhe vlerat e larta e bëjnë ngjyrën më të lehtë; vlerat ekstreme prej 0% dhe 100% korrespondojnë me bardh e zi.
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 për të specifikuar transparencën e elementit. Një vlerë prej 0 është plotësisht transparente, 1 është e errët dhe një vlerë e ndërmjetme si 0.5 është gjysmë transparente.
Vlerat e ngjyrave RGBA, HSL dhe HSLA janë shtuar në CSS3, kështu që ju lutemi kontrolloni kodin tuaj 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 e kapjes së luanëve 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 rezultatet. Mos harroni, një luan ë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
Kodet e Minecraft ngjyrat, ose Minecraft kodet formatimi, lejoni çdo lojtar të shtojë lule dhe të formatojë tekstin në çdo mënyrë të mundshme direkt në Minecraft. Kodet e ngjyrave nga &0-9 - në &a-f. Shtojini ato përpara tekstit tuaj. Mesazhet nga lojtarët mund të përmbajnë kode ngjyrash që ju lejojnë të shtoni ngjyrë në fjalitë tuaja.
Ngjyrat dhe kodet e formatimit
Shenja ampersand (&) e ndjekur nga një numër heksadecimal në mesazhe i sinjalizon klientit të ndërrojë ngjyrat kur shfaq tekst. Për më tepër, teksti mund të formatohet me një & pasuar nga një shkronjë. Ju mund të shtoni ngjyra të ndryshme në libra, blloqe komandash, emrin e serverit, përshkrimin e serverit (motd), emrat botërorë, shenjat dhe madje edhe emrat e lojtarëve.
Është shumë e lehtë të formatosh tekstin tënd në konfigurime ose në lojë duke përdorur grafikun e ngjyrave më poshtë. &r përdoret për të rivendosur të gjitha kodet, d.m.th. &mAAA&rBBB do të shfaqet si AAA BBB.
Ne paraqesim një tabelë të kodeve ekzistuese të ngjyrave në Minecraft për lehtësinë tuaj:
| Kodi | Emri | Emri teknik | Ngjyra e simbolit | Ngjyra e hijes së simbolit | ||||||
|---|---|---|---|---|---|---|---|---|---|---|
| R | G | B | Hex | R | G | B | Hex | |||
| &0 | E zezë | e zezë | 0 | 0 | 0 | 000000 | 0 | 0 | 0 | 000000 |
| &1 | BLU e erret | BLU e erret | 0 | 0 | 170 | 0000 AA | 0 | 0 | 42 | 00002A |
| &2 | Jeshile të errët | jeshile të errët | 0 | 170 | 0 | 00AA00 | 0 | 42 | 0 | 002A00 |
| &3 | Blu-jeshile e errët | errët_aqua | 0 | 170 | 170 | 00AAA | 0 | 42 | 42 | 002A2A |
| &4 | E kuqe e erret | e kuqe e erret | 170 | 0 | 0 | AA0000 | 42 | 0 | 0 | 2A0000 |
| &5 | Vjollcë e errët | e errët_vjollcë | 170 | 0 | 170 | AA00AA | 42 | 0 | 42 | 2A002A |
| &6 | Ari | ari | 255 | 170 | 0 | FFAA00 | 42 | 42 | 0 | 2A2A00 |
| &7 | Gri | gri | 170 | 170 | 170 | AAAAAA | 42 | 42 | 42 | 2A2A2A |
| &8 | Gri e errët | gri e erret | 85 | 85 | 85 | 555555 | 21 | 21 | 21 | 151515 |
| &9 | Blu | blu | 85 | 85 | 255 | 5555 FF | 21 | 21 | 63 | 15153F |
| &a | E gjelbër | jeshile | 85 | 255 | 85 | 55FF55 | 21 | 63 | 21 | 153F15 |
| &b | BLU jeshile | ujore | 85 | 255 | 255 | 55FFFF | 21 | 63 | 63 | 153F3F |
| etj | E kuqe | e kuqe | 255 | 85 | 85 | FF5555 | 63 | 21 | 21 | 3F1515 |
| &d | Vjollcë e lehtë | dritë_vjollcë | 255 | 85 | 255 | FF55FF | 63 | 21 | 63 | 3F153F |
| &e | E verdhe | e verdhe | 255 | 255 | 85 | FFFF55 | 63 | 63 | 21 | 3F3F15 |
| &f | E bardha | të bardhë | 255 | 255 | 255 | FFFFFF | 63 | 63 | 63 | 3F3F3F |
Ndonjëherë është e nevojshme nënvizoj, kapërcej, nxjerr në pahçdo tekst. Kjo bëhet duke përdorur formatimin e tekstit. Përdoret saktësisht në të njëjtën mënyrë si ngjyrat (e vendosim para tekstit kodi, për shembull &lMinecraft = Minecraft.
Për lehtësinë tuaj, më poshtë është një tabelë e kodeve të formatimit:
| Kodi | Emri |
|---|---|
| &k | Teksti magjik |
| &l | Miniatura |
| &m | Teksti strikethrough |
| &n | Teksti i nënvizuar |
| &o | Teksti kursive |
| &r | Tekst pa formatim |
Vlad Merzheviç
Në HTML, ngjyra përcaktohet në një nga dy mënyrat: duke përdorur kodin heksadecimal dhe me emrin e ngjyrave të caktuara. Metoda e bazuar në sistemin e numrave heksadecimal përdoret kryesisht, pasi është më universale.
Ngjyra heksadecimal
HTML përdor numra heksadecimal për të specifikuar 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. Në tabelë 6.1 tregon korrespondencën midis 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, numri 255 në dhjetor korrespondon me numrin FF në heksadecimal.
Për të shmangur konfuzionin në përcaktimin e sistemit të numrave, një numër heksadecimal paraprihet nga një simbol hash #, për shembull #aa69cc. Në këtë rast, rasti 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) përcaktojnë komponentin jeshil dhe dy shifrat e fundit (47) përcaktojnë komponentin blu. Rezultati përfundimtar do të jetë kjo ngjyrë.
| F.A. | + | 8E | + | 47 | = | FA8E47 |
Secila nga tre ngjyrat - e kuqe, jeshile dhe blu - mund të marrë vlera nga 00 në FF, duke rezultuar në një total prej 256 nuancash. Kështu, numri i përgjithshëm i ngjyrave mund të jetë 256x256x256 = 16,777,216 kombinime. Një model ngjyrash 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 - add), në të cilin shtimi i të tre komponentëve formon ngjyrën e bardhë.
Për ta bërë më të lehtë navigimin e ngjyrave 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ë rezultati do të jetë një nuancë gri. Sa më i madh të jetë numri, aq më e lehtë është ngjyra, me vlera që variojnë nga #000000 (e zezë) në #FFFFFF (e bardhë).
- Një ngjyrë e kuqe e ndezur formohet nëse komponenti i kuq është bërë maksimal (FF) dhe përbërësit e mbetur vendosen në zero. Një ngjyrë me vlerën #FF0000 është nuanca më e kuqe e mundshme. E njëjta gjë është e vërtetë për të gjelbër (#00FF00) dhe blu (#0000FF).
- E verdha (#FFFF00) bëhet duke përzier të kuqe dhe jeshile. Kjo është qartë e dukshme në rrotën e ngjyrave (Fig. 6.1), e cila paraqet ngjyrat kryesore (e kuqe, jeshile, blu) dhe ato plotësuese ose shtesë. Këto përfshijnë të verdhën, cianin dhe ngjyrën vjollce (të quajtura gjithashtu purpurtë). Në përgjithësi, çdo ngjyrë mund të merret duke përzier ngjyrat afër saj. Kështu, ciani (#00FFFF) përftohet duke kombinuar blu dhe jeshile.
Oriz. 6.1. Rrethi me ngjyra
Ngjyrat e bazuara në vlerat heksadecimal nuk duhet të zgjidhen në mënyrë empirike. Për këtë qëllim, është i përshtatshëm një redaktues grafik që mund të punojë me modele të ndryshme ngjyrash, për shembull, Adobe Photoshop. Në Fig. Figura 6.2 tregon dritaren për zgjedhjen e një ngjyre në këtë program; vlera heksadecimal që rezulton e ngjyrës aktuale është përshkruar me një vijë. Mund ta kopjoni dhe ngjisni në kodin tuaj.
Oriz. 6.2. Dritare për zgjedhjen e ngjyrave në Photoshop
Ngjyrat e internetit
Nëse e vendosni cilësinë e paraqitjes së 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, kur shfletuesi punon me paletën e tij dhe nuk mund të tregojë një ngjyrë që nuk është në paletën e tij. Në këtë rast, ngjyra zëvendësohet nga një kombinim pikselësh të ngjyrave të tjera, afër saj, që imitojnë atë të dhënë. Për të siguruar që ngjyra të mbetet e njëjtë nëpër shfletues të ndryshëm, u prezantua një gamë e të ashtuquajturave ngjyra të uebit. Ngjyrat e uebit janë ato ngjyra për të cilat çdo komponent - e kuqe, jeshile dhe blu - është vendosur në një nga gjashtë vlerat - 0 (00), 51 (33), 102 (66), 153 (99), 204 (CC) , 255 (FF). Vlera heksadecimal e këtij komponenti tregohet në kllapa. Numri i përgjithshëm i ngjyrave nga të gjitha kombinimet e mundshme jep 6x6x6 - 216 ngjyra. Një shembull i ngjyrës së uebit ë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ë përmirësimit të cilësisë së monitorëve dhe zgjerimit të aftësive të tyre.
Ngjyrat sipas emrit
Për të mos pasur nevojë të mbani mend një grup numrash, në vend të kësaj mund të përdorni emrat e ngjyrave të përdorura zakonisht. Në tabelë 6.3 tregon emrat e emrave të ngjyrave të njohura.
| Emri i ngjyrës | Ngjyrë | Përshkrim | Vlera heksadecimal |
|---|---|---|---|
| e zezë | E zezë | #000000 | |
| blu | Blu | #0000FF | |
| 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 e erret | #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 nëse e specifikoni një ngjyrë me emrin e saj ose duke përdorur numra heksadecimal. Këto metoda janë të barabarta në efektin e tyre. Shembulli 6.1 tregon se si të vendosni ngjyrat e sfondit dhe tekstit të një faqeje 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 shumëllojshmëri, atributi i tekstit vendoset në një numër heksadecimal dhe atributi bgcolor vendoset në fjalën kyçe të rezervuar teal .Kodet e ngjyrave në CSS përdoren për të specifikuar ngjyrat. Në mënyrë tipike, kodet e ngjyrave ose vlerat e ngjyrave përdoren për të vendosur ngjyrën ose për ngjyrën e planit të parë të një elementi (p.sh. ngjyra e tekstit, ngjyra e lidhjes) ose ngjyra e sfondit të 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ë specifikoni 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 Hex
Kodi heksadecimal i ngjyraveështë një paraqitje gjashtëshifrore e ngjyrës. 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ë një formë më e shkurtër e shënimit me gjashtë karaktere. Në këtë format, çdo shifër përsëritet për të prodhuar një vlerë ekuivalente ngjyrash 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ënimeve heksadecimal.
Ngjyrat CSS - Vlerat RGB
Vlera RGBështë një kod ngjyrash që vendoset duke përdorur vetinë 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 vetinë 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ë.
Ngjyrat e 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 në CSS variojnë nga 000000 në kodin heksadecimal FFFFFF. Ato janë të sigurta për t'u përdorur sepse sigurojnë që të gjithë kompjuterët të shfaqin ngjyrat në mënyrë korrekte kur punojnë me paletën e ngjyrave 256.
| Tabela e ngjyrave "të sigurta" në CSS | |||||
| #000000 | #000033 | #000066 | #000099 | #0000CC | #0000FF |
| #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 | #3300FF |
| #333300 | #333333 | #333366 | #333399 | #3333CC | #3333FF |
| #336600 | #336633 | #336666 | #336699 | #3366CC | #3366FF |
| #339900 | #339933 | #339966 | #339999 | #3399CC | #3399FF |
| #33CC00 | #33CC33 | #33CC66 | #33CC99 | #33CCCC | #33CCFF |
| #33FF00 | #33FF33 | #33FF66 | #33FF99 | #33FFCC | #33FFFF |
| #660000 | #660033 | #660066 | #660099 | #6600CC | #6600FF |
| #663300 | #663333 | #663366 | #663399 | #6633CC | #6633FF |
| #666600 | #666633 | #666666 | #666699 | #6666CC | #6666FF |
| #669900 | #669933 | #669966 | #669999 | #6699CC | #6699FF |
| #66CC00 | #66CC33 | #66CC66 | #66CC99 | #66CCCC | #66CCFF |
| #66FF00 | #66FF33 | #66FF66 | #66FF99 | #66FFCC | #66FFFF |
| #990000 | #990033 | #990066 | #990099 | #9900CC | #9900FF |
| #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 |
Fatkeqësisht, nuk është ende e mundur të shfaqen ndjesitë e shijes në faqen e internetit. Por kjo mund të kompensohet plotësisht me ndihmën e ngjyrave. Në fund të fundit, ngjyrat html ju lejojnë të shfaqni ndonjë nga miliona hije. Kështu që " lapsa me ngjyra Ka më shumë se shtatë në grupin e tij.
Skema e ngjyrave në html
Në html, ngjyra mund të specifikohet në disa formate:
1. Si vlerë heksadecimal - përdoret kodi i specifikuar në sistemin e numrave heksadecimal. Kode të tilla ngjyrash në html përbëhen nga tre çifte numrash heksadecimal. Çdo palë është përgjegjëse për ngopjen e hijes me ngjyrën e saj kryesore:
- Çifti i parë numerik është përgjegjës për ngjyrën e kuqe;
- Çifti i dytë është për përmbajtjen e ngjyrës së gjelbër;
- Kjo e fundit është për përmbajtjen e saj blu.
Një shenjë hash vendoset në fillim të kodit (përpara numrave). Ky është kodi heksadecimal i ngjyrave. Përveç numrave nga 1 deri në 9, ky sistem numrash përdor shkronja të alfabetit latin (A, B, C, D, E, F).
Për shembull, kodi i ngjyrës së bardhë në html do të duket si #FFFFFF:
2. Fjalë kyçe - HTML aktualisht mbështet rreth 147 fjalë kyçe. Por jo të gjitha këto fjalë janë unike. Disa prej tyre i referohen të njëjtës nuancë ngjyrash.
Ngjyra gri përfaqësohet nga dy fjalë kyçe: gri dhe gri. Kodi i tyre heksadecimal (HEX) jepet me të njëjtën vlerë #808080.
Shembull:
#808080
3. Në formatin RGB - ky kodim i ngjyrave në html bazohet në përdorimin e tre vlerave, të vendosura në intervalin nga 0 në 255. Secila prej tyre përcakton ngopjen e nuancës me një nga ngjyrat kryesore:
- R - e kuqe (e kuqe);
- G - jeshile (jeshile);
- B - blu (blu).
Numri i ngjyrës në formatin RGB është shkruar në formën e mëposhtme: rgb(0, 210, 100).
ngjyra e sfondit: rgb(100,186,43)
4. Në formatin RGBA - është një format i përmirësuar RGB, ku vlera e katërt specifikon transparencën e ngjyrës si fraksion dhjetor nga 0 në 1.
Shembull përdorimi:
ngjyra e sfondit: rgba (100,86,143,0.2)
ngjyra e sfondit: rgba(100,86,143,0.5)
ngjyra e sfondit: rgba(100,86,143,0.8)
ngjyra e sfondit: rgba (100,86,143,1)
Tabelat e ngjyrave HTML dhe gjeneruesit e ngjyrave
Me një gamë kaq të gjerë të formateve të vendosjes së ngjyrave, është e lehtë të ngatërrohesh. Prandaj, u shpik një tabelë e veçantë me ngjyra. Ai siguron 147 emra kyç të nuancave të ngjyrave me kodet e pajtueshmërisë në të gjitha standardet kryesore të ngjyrave. Për më tepër, çdo fushë është e pajisur me një shirit për zgjedhjen vizuale të ngjyrave. Një nga këto tabela është paraqitur në faqen e internetit colorscheme.ru:
Por edhe me këtë strukturim të përputhjes, zgjedhja e nuancës së duhur mund të jetë e vështirë. Dhe nuk është fakt që tabela e kodeve të ngjyrave do të përmbajë atë që ju nevojitet.
Për të kapërcyer këtë pengesë dhe për të bërë sa më të lehtë zgjedhjen e nuancës së duhur, janë zhvilluar shërbime interaktive në internet. Ndërfaqja e tyre e përdoruesit mund të ndryshojë pak nga njëra-tjetra.
Në faqen e internetit html-color-codes.info, gjeneratori i ngjyrave duket kështu:
Dhe brenda shërbimit color-picker.appsmaster.co, ky mjet zbatohet pak më ndryshe:
Ngopja e secilës ngjyrë në gjenerator vendoset duke përdorur rrëshqitës të veçantë. Vizualisht, hija shfaqet nga ngjyra e kornizës dhe drejtkëndëshit në anën e majtë. Në fund, 3 fusha shfaqin kodin e ngjyrave në formatet bazë.
Por gjeneratori i ngjyrave është i disponueshëm jo vetëm në faqet e specializuara. Pothuajse të gjithë redaktorët grafikë janë të pajisur me një mjet të ngjashëm. Për shembull, Photoshop:
Masat paraprake të sigurisë kur punoni me ngjyra
Dhe kjo ishte shumë kohë më parë, në epokën e kartave video që mbështetnin vetëm 256 ngjyra. Në ato kohë të largëta, sistemet operative mund të shfaqnin vetëm një numër të caktuar nuancash tetë-bitësh pa shtrembërim.
Pastaj u zhvillua një tabelë e madhe e ngjyrave të sigurta. Ai specifikoi 216 nuanca që mund të shfaqeshin pa shtrembërim në asnjë nga shfletuesit e asaj kohe. Dhe sot e kësaj dite kjo " dorëshkrim i madh» është ende në dispozicion në disa burime:
Në ditët e sotme gjithçka ka ndryshuar. Prandaj, të gjitha rregullat e sigurisë kur punoni me ngjyra në html anulohen plotësisht. Në fund të fundit, pajisja moderne e kompjuterit mbështet më shumë se 16 milionë nuanca të ndryshme. Dhe 216 ngjyra të sigurta janë zhytur në harresë.
