Tabela e kodit të ngjyrave. Ngjyra në stile mund të vendoset në mënyra të ndryshme: me vlerë heksadecimal, me emër, në format RGB, RGBA, HSL, HSLA

Moduli i ngjyrave CSS detajon vlerat që lejojnë autorët të përcaktojnë ngjyrat dhe paqartësinë e elementeve html, si dhe vlerat e vetive të ngjyrave.

Vetia e ngjyrës

1. Ngjyrat prioritare: vetia e ngjyrës

Vetia cakton ngjyrën e fontit duke përdorur sisteme të ndryshme të paraqitjes së ngjyrave. Vetia përshkruan ngjyrën e përmbajtjes së tekstit të elementit. Përdoret gjithashtu për të siguruar një vlerë të mundshme indirekte (currentColor) për çdo veçori tjetër që pranon vlerat e ngjyrave.

Prona është e trashëguar.

2. Vlerat e ngjyrave

2.1. Fjalë kyçe kryesore

Lista e fjalë kyçe kryesore përfshin kuptimet e mëposhtme:

Emrat e ngjyrave nuk janë të ndjeshme ndaj shkronjave të vogla.

Sintaksë

Ngjyra: ngjyrë kafe;

2.2. Vlerat numerike të ngjyrave

2.2.1. Ngjyrat RGB

Formati i vlerës heksadecimal RGB është një shenjë # e ndjekur menjëherë nga tre ose gjashtë karaktere heksadecimal. RGB treshifror #rgb konvertohet në #rrggbb me gjashtë shifra duke kopjuar shifra në vend që të shtohen zero. Për shembull, # fb0 zgjerohet në # ffbb00. Kjo siguron që #ffffff e bardhë mund të specifikohet në #fff të shkurtër dhe heq çdo varësi të thellësisë së ngjyrës nga ekrani.

Formati i vlerës RGB në shënimin funksional është rgb (i ndjekur nga një listë e ndarë me presje me tre vlera numerike (ose tre vlera të plota ose vlera tre përqind) e ndjekur nga një karakter). Vlera e numrit të plotë 255 korrespondon me 100% dhe F ose FF në shënimin heksadecimal:

Rgb (255,255,255) = rgb (100%, 100%, 100%) = #FFF

Karakteret e hapësirës lejohen rreth vlerave numerike.

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ë.

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.

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.

Mashtrimet e Minecraft lulet, ose Minecraft kodet formatimi, lejoni çdo lojtar të shtojë lule dhe të formatojë tekstin në çdo mënyrë direkt në Minecraft. Kodet e ngjyrave& 0-9 - deri në & a-f. Shtojini ato para tekstit tuaj. Mesazhet e luajtësit mund të përmbajnë kode ngjyrash që ju lejojnë të shtoni bojë në sugjerimet tuaja.

Ampersand (&) i ndjekur nga një numër heksadecimal në mesazhe sinjalizon klientin të ndërrojë ngjyrat kur shfaq tekst. Përndryshe, teksti mund të formatohet me karakterin & e ndjekur nga një letër. Ju mund të shtoni ngjyra të ndryshme në libra, blloqe komandash, emrin e serverit, përshkrimin e serverit ( motd), në emrat e botëve, në tableta dhe madje edhe në emrat lojtarët.

Është shumë e lehtë të formatosh tekstin tënd në konfigurime ose në lojë duke përdorur tabelën e ngjyrave më poshtë. & r përdoret për të pastruar të gjitha kodet, d.m.th. & mAAA & rBBB do të shfaqen si AAA BBB.

Tabela e kodit të ngjyrave

Tabela e kodit të formatimit

Ndonjëherë keni nevojë nënvizoj, kapërcej, nxjerr në pahçdo 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.sh. & lMinecraft = Minecraft.

Ka disa mënyra për të përfaqësuar ngjyrën në dizajnin e uebit.

HEX është një sistem përfaqësimi heksadecimal i ngjyrave me bazë 16. Për këtë sistem, shifrat dhjetore arabe nga 0 deri në 9 dhe shkronja latine nga A në F përdoren për të plotësuar numrin dixhital në 16. Për dizajnin e faqes në internet, merren 16 ngjyra bazë (kyç). , i ashtuquajturi kodi heksadecimal i ngjyrave #RRGGBB, ku secila palë është përgjegjëse për pjesën e saj të ngjyrës: RR - e kuqe, GG - jeshile dhe BB - blu. Çdo pjesë e ngjyrave varion nga 00 në FF.

Dy paraqitje të tjera të ngjyrave në dizajnin e uebit janë: në formën e RGB (*, *, *), ku çdo pjesë e ngjyrave "*" përfaqësohet me shifra dhjetore nga 0 në 255 dhe me emra ngjyrash në anglisht.

Kur krijoni një imazh me ngjyra, problemi kryesor është interpretimi i saktë i ngjyrave në lloje të ndryshme kompjuterash, monitorësh dhe shfletuesish. Nëse shfletuesi nuk mund të shfaqë saktë një ngjyrë, atëherë ai zgjedh një të ngjashme ose përzien disa ngjyra. Dhe ndonjëherë mund të zëvendësohet me ndonjë ngjyrë krejtësisht të ndryshme.

tabela 16 ngjyra kryesore të cilat përdoren në të gjithë shfletuesit

tabela vjollcë ngjyrat dhe nuancat

tabela gri ngjyrat dhe nuancat

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

Shfletuesit mbështesin disa ngjyra me emër. Tabela 1 tregon emrat, kodin heksadecimal, vlerat RGB, HSL dhe përshkrimin.

Me RGB

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

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

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

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

Nje paralajmerim

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