Në HTML, ngjyra mund të specifikohet në tre mënyra:
Vendosja e ngjyrës në HTML me emrin e saj
Disa ngjyra mund të specifikohen me emrin e tyre, duke përdorur emrin e ngjyrës në anglisht si vlerë. Fjalët kyçe më të zakonshme: e zezë (e zezë), e bardhë (e bardhë), e kuqe (e kuqe), e gjelbër (jeshile), blu (blu), etj.:
Ngjyra e tekstit - E kuqe
Ngjyrat më të njohura të standardit World Wide Web Consortium (W3C) janë:
Ngjyrë | Emri | Ngjyrë | Emri | Ngjyrë | Emri | Ngjyrë | Emri |
---|---|---|---|---|---|---|---|
E zezë | Gri | Argjendi | E bardha | ||||
E verdhe | gëlqere | Aqua | Fuchsia | ||||
E kuqe | E gjelbër | Blu | Vjollcë | ||||
ngjyrë gështenjë | Ulliri | Marina | Teal |
Një shembull i përdorimit të emrave të ngjyrave të ndryshme:
Shembull: vendosja e një ngjyre me emrin e saj
- Provojeni vetë"
Titulli në sfond të kuq
Kreu në sfond portokalli
Kreu në sfond gëlqereje
Tekst i bardhë në një sfond blu
Titulli në sfond të kuq
Kreu në sfond portokalli
Kreu në sfond gëlqereje
Tekst i bardhë në një sfond blu
Specifikimi i ngjyrës me RGB
Kur shfaqni ngjyra të ndryshme në monitor, paleta RGB merret si bazë. Çdo ngjyrë fitohet duke përzier tre ato kryesore: R - e kuqe, G - jeshile (jeshile), B - blu (blu). Shkëlqimi i çdo ngjyre jepet nga një bajt dhe për këtë arsye mund të marrë vlera nga 0 në 255. Për shembull, RGB (255,0,0) jepet si e kuqe sepse e kuqja është vendosur në vlerën e saj më të lartë (255) dhe pjesa tjetër janë vendosur në 0 Ju gjithashtu mund të vendosni ngjyrën si përqindje. Secili prej parametrave tregon nivelin e shkëlqimit të ngjyrës përkatëse. Për shembull: vlerat rgb(127, 255, 127) dhe rgb (50%, 100%, 50%) do të vendosin të njëjtën ngopje mesatare jeshile:
Shembull: Përcaktimi i një ngjyre me RGB
- Provojeni vetë"
rgb(127, 255, 127)
rgb(50%, 100%, 50%)
rgb(127, 255, 127)
rgb(50%, 100%, 50%)
Vendosni ngjyrën sipas vlerës heksadecimal
vlerat R G B mund të specifikohet gjithashtu duke përdorur vlerat heksadecimal (HEX) të ngjyrave në formën: #RRGGBB ku RR (e kuqe), GG (jeshile) dhe BB (blu) janë vlera heksadecimal nga 00 në FF (njëlloj si dhjetori 0- 255). Sistemi heksadecimal, ndryshe nga sistemi dhjetor, bazohet, siç nënkupton edhe emri i tij, në numrin 16. Sistemi heksadecimal përdor karakteret e mëposhtme: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, A, B, C, D, E, F. Këtu numrat nga 10 deri në 15 zëvendësohen me shkronja latine. Numrat më të mëdhenj se 15 në sistemin heksadecimal janë bashkimi i dy karaktereve në një vlerë. Për shembull, numri më i lartë 255 në dhjetor korrespondon me FF më të lartë në heksadecimal. Ndryshe nga sistemi dhjetor, numri heksadecimal paraprihet nga një shenjë paund. # , për shembull, #FF0000 shfaqet si e kuqe sepse e kuqja është vendosur në vlerën e saj më të lartë (FF) dhe ngjyrat e tjera janë vendosur në vlerën e tyre minimale (00). Karakteret pas simbolit hash # mund të shtypen me shkronja të mëdha dhe të vogla. Sistemi heksadecimal lejon përdorimin e një forme të shkurtuar si #rgb, ku çdo karakter është ekuivalent me dy herë. Kështu, hyrja #f7O duhet të konsiderohet si #ff7700.
Shembull: Ngjyra HEX
- Provojeni vetë"
e kuqe: #FF0000
jeshile: #00FF00
blu: #0000FF
e kuqe: #FF0000
jeshile: #00FF00
blu: #0000FF
e kuqe+jeshile=e verdhë: #FFFF00
e kuqe+blu=vjollcë: #FF00FF
jeshile+blu=cyan: #00FFFF
Lista e ngjyrave të përdorura zakonisht (emri, HEX dhe RGB):
Emri anglisht | Emri rus | Mostra | HEX | RGB | ||
---|---|---|---|---|---|---|
Amaranti | amaranti | #E52B50 | 229 | 43 | 80 | |
Qelibar | Qelibar | #FFBF00 | 255 | 191 | 0 | |
Aqua | BLU jeshile | #00FFFF | 0 | 255 | 255 | |
Azure | Azure | #007FFF | 0 | 127 | 255 | |
E zezë | E zeza | #000000 | 0 | 0 | 0 | |
Blu | Blu | #0000FF | 0 | 0 | 255 | |
Bondi Blu | Uji i plazhit Bondi | #0095B6 | 0 | 149 | 182 | |
Tunxh | Tunxh | #B5A642 | 181 | 166 | 66 | |
Kafe | Kafe | #964B00 | 150 | 75 | 0 | |
Cerulean | Azure | #007BA7 | 0 | 123 | 167 | |
jeshile e errët pranverore | Jeshile e errët pranverore | #177245 | 23 | 114 | 69 | |
Smeraldi | Smeraldi | #50C878 | 80 | 200 | 120 | |
Patëllxhan | patëllxhan | #990066 | 153 | 0 | 102 | |
Fuchsia | Fuchsia | #FF00FF | 255 | 0 | 255 | |
Ari | Ari | #FFD700 | 250 | 215 | 0 | |
Gri | Gri | #808080 | 128 | 128 | 128 | |
E gjelbër | E gjelbër | #00FF00 | 0 | 255 | 0 | |
Lejla | Lejla | #4B0082 | 75 | 0 | 130 | |
Jade | Jade | #00A86B | 0 | 168 | 107 | |
gëlqere | Gëlqere | #CCFF00 | 204 | 255 | 0 | |
Malakiti | Malakiti | #0BDA51 | 11 | 218 | 81 | |
Marina | BLU e erret | #000080 | 0 | 0 | 128 | |
Okër | Okër | #CC7722 | 204 | 119 | 34 | |
Ulliri | Ulliri | #808000 | 128 | 128 | 0 | |
portokalli | portokalli | #FFA500 | 255 | 165 | 0 | |
pjeshkë | Pjeshkë | #FFE5B4 | 255 | 229 | 180 | |
Kungull | Kungull | #FF7518 | 255 | 117 | 24 | |
Vjollcë | Vjollcë | #800080 | 128 | 0 | 128 | |
E kuqe | E kuqe | #FF0000 | 255 | 0 | 0 | |
Shafrani | Shafrani | #F4C430 | 244 | 196 | 48 | |
e gjelbër e detit | deti i gjelbër | #2E8B57 | 46 | 139 | 87 | |
E gjelbër kënetore | Bolotny | #ACB78E | 172 | 183 | 142 | |
Teal | BLU jeshile | #008080 | 0 | 128 | 128 | |
Ultramarine | ultramarine | #120A8F | 18 | 10 | 143 | |
vjollce | Vjollcë | #8B00FF | 139 | 0 | 255 | |
E verdhe | E verdhe | #FFFF00 | 255 | 255 | 0 |
Kodet e ngjyrave (sfondi) sipas ngopjes dhe nuancës.
Siç e dini, ngjyra mund të ndikojë në gjendjen e një personi: si mendore ashtu edhe fizike. Çdo ditë, duke shfletuar internetin, sytë vlerësojnë miliona ngjyra dhe nuanca. Një dizajner në internet që është i njohur me psikologjinë e ngjyrave mund të kontrollojë disponimin e vizitorit për të arritur çdo qëllim.
Kjo për faktin se disa nuanca qetësojnë, dhe disa, përkundrazi, eksitojnë. Tjetra, ne do të flasim për mënyrën se si ngjyra sintetizohet dhe shfaqet duke përdorur teknologjinë kompjuterike.
RGB është një model ngjyrash që përfaqëson një metodë për të marrë të gjitha ngjyrat dhe nuancat e tyre duke përzier në përmasa të ndryshme tre komponentët kryesorë, të cilët janë:
- Ngjyra e kuqe ( E kuqe);
- ngjyra jeshile ( E gjelbër);
- ngjyre blu ( Blu).
Nga këtu vjen emri i shkurtuar RGB. Këto ngjyra zgjidhen si kryesoret për një arsye: arsyeja është fiziologjia e retinës së syrit të njeriut dhe si i percepton ato:
Modeli RGB është deri tani më i popullarizuari dhe përdoret për të riprodhuar ngjyrat në ekranet e TV dhe monitorët e kompjuterit. Meqenëse prodhuesit i pajisin produktet e tyre me karakteristika të ndryshme, në vitin 1996 u krijua një sistem i unifikuar i sintezës së ngjyrave të bazuar në RGB i quajtur sRGB, për të cilin Microsoft dhe HP punuan së bashku.
Paraqitja numerike e ngjyrave
Siç u përmend më herët, ngjyrat RGB formohen duke përzier ngjyrat kryesore. Për të përshkruar intensitetin e secilit prej tyre, u miratua një skemë në të cilën ngjyra përfaqësohet nga diapazoni 0-255 (8 bit), që korrespondon me 00-FF në heksadecimal.
Kjo do të thotë, ngjyrat kryesore do të duken kështu:
- E kuqe - RGB (255.0.0);
- E gjelbër - RGB (0.255.0);
- Blu - RGB (0.0.255);
Nëse intensiteti i ngjyrës merr vlera më të vogla se 255, atëherë fitohen nuanca të ndryshme të kuqe, jeshile dhe blu. Më poshtë është një tabelë e gradimit të tyre, si dhe vlerat heksadecimal të secilës prej nuancave:
Listat e ngjyrave RGB
Natyrisht, përveç gradimeve të ngjyrave kryesore, ka edhe të përziera, dhe numri i tyre është mjaft i madh. Prandaj, u krijua një tabelë e ngjyrave RGB, e cila paraqet të gjitha nuancat ekzistuese, si dhe emrat e tyre dhe paraqitjet numerike ( në formë dhjetore dhe gjashtëdhjetëshe).
Mund ta njihni këtu. Kjo tabelë e bën jetën shumë më të lehtë për dizajnerët e uebit, sepse në pak sekonda mund të gjeni nuancën e dëshiruar dhe të zbuloni paraqitjen e saj numerike.
Paleta e sigurt e ngjyrave RGB
Sidoqoftë, në një moment kishte një problem me shfaqjen e ngjyrave në shfletues të ndryshëm, dhe për ta zgjidhur atë, u përpilua e ashtuquajtura paleta "e sigurt" e ngjyrave RGB, të cilat u përftuan nga llogaritjet matematikore.
Kur shfletuesi nuk mund të shfaqë saktë një ngjyrë, ai përpiqet t'i afrohet asaj që i nevojitet duke përzier ngjyrat fqinje dhe ka shumë të ngjarë që rezultati të jetë plotësisht i papranueshëm:
Duke përdorur kodet e ngjyrave RGB nga kjo paletë, një zhvillues uebi mund të ketë qetësi në lidhje me shfaqjen e ngjyrave në faqet e faqes së tyre kur shikohet duke përdorur shfletues, platforma dhe monitorë të ndryshëm. Edhe pse për momentin tabela e ngjyrave të sigurta po humbet rëndësinë e saj ( përparimi teknologjik nuk qëndron ende), kur e përdorni, mund të flini të qetë, siç thonë ata.
Ngjyra e artë në modelin RGB
Për herë të parë fjala "ar" u përdor në fillim të shekullit XIV për të përshkruar ngjyrën e një elementi kimik të quajtur Aurum - ari. Në modelin RGB, ngjyra e artë përfaqësohet nga vlerat numerike të mëposhtme:
- RGB (255, 215, 0) - sistem dhjetor;
- HEX #FFD700 - sistem heksadecimal.
Ngjyra bezhe ne modelin RGB
Beige ka një vend mjaft domethënës në histori, edhe nëse nuk është më ekspresive. Shumë monumente kulturore, veçanërisht skulpturat e lashta, ishin bërë me steatit dhe gur sapuni, të cilat kanë një nuancë bezhë. Në modelin RGB, ngjyrë bezhë ka këto paraqitje numerike:
- RGB (245, 245, 220) - sistem dhjetor;
- HEX #F5F5DC - sistem heksadecimal.
Në ditët e sotme, veçanërisht në World Wide Web, është e rrallë të gjesh një ngjyrë kaq "të mërzitshme". Zhvilluesit preferojnë dizajn tërheqës, duke përdorur ngjyra të ndritshme. Përparimi teknologjik bën të mundur shfaqjen e një numri të madh ngjyrash në monitorë, gjë që e bën figurën më realiste.
Mire keq
Vlad Merzheviç
Në HTML, ngjyra përcaktohet në një nga dy mënyrat: duke përdorur një kod heksadecimal dhe me emrin e disa ngjyrave. Metoda më e përdorur bazohet në sistemin heksadecimal, si më universal.
Ngjyra heksadecimal
HTML përdor numra heksadecimal për të specifikuar ngjyrat. Sistemi heksadecimal, ndryshe nga sistemi dhjetor, bazohet, siç nënkupton edhe 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 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, numri 255 në dhjetor korrespondon me numrin FF në heksadecimal.
Për të shmangur konfuzionin në përkufizimin e sistemit të numrave, numri heksadecimal paraprihet nga shenja e paundit #, 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 është si më poshtë.
Këtu, ngjyra e sfondit të faqes së internetit është vendosur në #FA8E47. Shenja e paundit # përpara një numri do të thotë se është në heksadecimal. Dy shifrat e para (FA) përcaktojnë përbërësin e kuq të ngjyrës, shifrat e treta në të katërt (8E) përbërësin e gjelbër dhe dy shifrat e fundit (47) përbërësin blu. Rezultati përfundimtar është kjo ngjyrë.
FA | + | 8E | + | 47 | = | FA8E47 |
Secila nga tre ngjyrat - e kuqe, jeshile dhe blu - mund të marrë vlera nga 00 në FF, e cila përfundimisht formon 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 - add), në të cilin shtimi i të tre komponentëve formon të bardhën.
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ë do të merret një nuancë gri. Sa më i lartë numri, aq më e lehtë është ngjyra dhe vlerat ndryshojnë 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. Ngjyra 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) përftohet duke përzier të kuqe me të gjelbër. Kjo shihet qartë në rrotën e ngjyrave (Fig. 6.1), e cila paraqet ngjyrat kryesore (e kuqe, jeshile, blu) dhe plotësuese ose plotësuese. Këto përfshijnë të verdhën, cianin dhe vjollcën (të quajtura gjithashtu purpurtë). Në përgjithësi, çdo ngjyrë mund të merret duke përzier ngjyrat ngjitur me të. Pra, 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, si Adobe Photoshop. Në fig. 6.2 tregon një dritare për zgjedhjen e një ngjyre në këtë program, rreshti rrethon vlerën heksadecimal që rezulton të ngjyrës aktuale. Mund ta kopjoni dhe ngjisni në kodin tuaj.
Oriz. 6.2. Zgjedhësi i ngjyrave në Photoshop
Ngjyrat e Uebit
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 ka të bëjë me mënyrën se si paraqiten grafikët kur shfletuesi punon me paletën e tij dhe nuk mund të tregojë një ngjyrë që nuk e ka në paletë. 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ë. Në mënyrë që ngjyra të mbetet e njëjtë në shfletues të ndryshëm, u prezantua një gamë e të ashtuquajturave ngjyra të uebit. Ngjyrat e uebit janë ato ngjyra, për secilin komponent të të cilave - e kuqe, jeshile dhe blu - një nga gjashtë vlerat është vendosur - 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ë rritjes së cilësisë së monitorëve dhe zgjerimit të aftësive të tyre.
Ngjyrat sipas emrit
Për të mos mbajtur mend një koleksion numrash, në vend të tyre 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 Hex |
---|---|---|---|
e zezë | E zeza | #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 | |
vjollce | 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 si e specifikoni ngjyrën - me emrin e saj ose duke përdorur numra heksadecimal. Në efektin e tyre, këto metoda janë të barabarta. 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, vlera e atributit të tekstit vendoset në një numër heksadecimal dhe bgcolor vendoset në fjalën kyçe të rezervuar teal .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
Një ampersand (&) i ndjekur nga një numër heksadecimal në mesazhe i sinjalizon klientit të ndërrojë ngjyrat kur shfaq tekst. Përndryshe, teksti mund të formatohet duke përdorur karakterin & e ndjekur 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ë pastruar 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 | heks | R | G | B | heks | |||
&0 | E zeza | 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 | 00AAAA | 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 | 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ënvizo, nënvizo, nxjerr në pah ndonjë tekst. Për këtë, përdoret formatimi i tekstit. Përdoret në të njëjtën mënyrë si ngjyrat (përpara tekstit që vendosim Kodi, për shembull &lMinecraft= Minecraft.
Për lehtësinë tuaj, më poshtë është një tabelë e kodeve për formatimin:
Kodi | Emri |
---|---|
&k | tekst magjik |
&l | Miniatura |
&m | Teksti strikethrough |
&n | Teksti i nënvizuar |
&o | Teksti kursive |
&r | Tekst pa formatim |
Numrat heksadecimal përdoren për të specifikuar ngjyrat. Sistemi heksadecimal, ndryshe nga sistemi dhjetor, bazohet, siç nënkupton edhe 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ërkufizimin e sistemit të numrave, numri heksadecimal paraprihet nga simboli hash #, për shembull #666999. Secila nga tre ngjyrat - e kuqe, jeshile dhe blu - mund të marrë vlera 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 shënojnë jeshile dhe dy të fundit shënojnë blunë. 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 emër. Në tabelë. 1 tregon emrat, kodin hex, vlerat në formatin RGB, HSL dhe përshkrimin.
Emri | Ngjyrë | Kodi | RGB | HSL | Përshkrim |
---|---|---|---|---|---|
të bardhë | #fffff 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 zeza | |
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ë | |
vjollce | #800080 | rgb(128,0,128) | hsl (300,100%, 25%) | Vjollcë |
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 një ngjyrë 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. Është gjithashtu e pranueshme që të vendoset ngjyra si përqindje, ndërsa 100% do t'i korrespondojë numrit 255. Së pari, specifikohet fjala kyçe rgb dhe më pas përbërësit e ngjyrave janë specifikuar 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ë përcakton 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ë e tejdukshme.
RGBA i shtohet CSS3, kështu që vërtetimi i kodit CSS duhet të kryhet sipas këtij versioni. Duhet të theksohet se standardi CSS3 është ende në zhvillim dhe disa nga veçoritë e tij mund të ndryshojnë. Për shembull, një ngjyrë RGB e shtuar në vetinë e ngjyrës së sfondit kalon verifikimin, por ajo që i shtohet veçorisë së sfondit jo. 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 ngjyrës në rrotën e ngjyrave (Fig. 1) dhe specifikohet në gradë. 0° është e kuqe, 120° është e gjelbër dhe 240° është blu. Vlera e nuancës mund të ndryshojë 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 mungesën e ngjyrës dhe një nuancë gri, 100% është vlera maksimale e ngopjes.
Lightness përcakton se sa e ndritshme është ngjyra dhe specifikohet si përqindje nga 0% në 100%. Vlerat e vogla e bëjnë ngjyrën më të errët, ndërsa vlerat e larta e bëjnë më të lehtë, vlerat ekstreme 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 që përcakton 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ë e tejdukshme.
Vlerat e ngjyrave në formatet RGBA, HSL dhe HSLA shtohen në CSS3, kështu që kur përdorni këto formate, kontrolloni kodin për vlefshmërinë e versionit.
HTML5 CSS2.1 CSS3 IE Cr Op Sa Fx
Nje paralajmerim
Të gjitha metodat e kapjes së 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