Kodet e ngjyrave HTML në internet. Ngjyra në stile mund të specifikohet në mënyra të ndryshme: me vlerë heksadecimal, me emër, në format RGB, RGBA, HSL, HSLA. Ka disa mënyra për të përfaqësuar ngjyrën në dizajnin e uebit.

Kjo faqe përmban një tabelë me fjalë kyçe që mund të përdoren për të treguar ngjyrat në gjuhë të tilla zhvilluesish të uebit si: HTML, CSS, JavaScript, Flash, etj.

Në specifikimet e vjetra për shqetësimin WC3, u specifikuan vetëm 16 fjalë kyçe, me ndihmën e të cilave u vendosën ngjyrat në HTML dhe CSS. Në specifikime të mëtejshme, më moderne, u shtuan 130 fjalë kyçe të tjera për të treguar emrat e ngjyrave. Tabela e mëposhtme përmban emrat e ngjyrave dhe kodet hex dhe RGB me të cilat korrespondojnë.

Sipas rregullave CSS, emrat e ngjyrave nuk janë të ndjeshme ndaj shkronjave të vogla. Shënimet e ngjyrave Indianered dhe indianred janë ekuivalente.

Vlen gjithashtu të theksohet se nga 146 fjalë kyçe në tabelë, në të vërtetë ka më pak ngjyra në të. Kjo është për shkak se disa fjalë kyçe i referohen të njëjtës ngjyrë. Kështu, emrat Grey dhe Grey përfaqësojnë kodin 50% të ngjyrës gri #808080, dhe fjala Magenta është një sinonim për ngjyrën HTML Fuchsia, që korrespondon me kodin heksadecimal #FF00FF. Gjithashtu sinonime janë fjalët Aqua dhe Cyan, ato korrespondojnë me kodin #00FFFF.

Tabela (paleta) e ngjyrave html ju jep mundësinë të zgjidhni në mënyrë të pavarur tonin që ju nevojitet. Vlera e ngjyrës shfaqet në tre formate: Hex, RGB dhe HSV.

• Hex përbëhet nga tre vlera me dy karaktere në sistemin e numrave heksadecimal. Për shembull: #ff00b3, ku çifti i parë i numrave është i kuq, i dyti është jeshil dhe i treti është blu.
• RGB (RedGreenBlue) ka formën "200,100,255", duke treguar sasinë e tonit përkatës (e kuqe, jeshile, blu) në ngjyrën që rezulton.
• HSV (Hue, Saturation, Value - ton, saturation, vlera) - një model ngjyrash në të cilin koordinatat janë:
  • Ngjyra - toni i ngjyrës, mund të ndryshojë nga 0° në 360°.
  • Saturation - saturation, varion nga 0-100 ose 0-1. Sa më i lartë ky parametër, aq "më e pastër" është ngjyra, prandaj ky parametër nganjëherë quhet pastërtia e ngjyrës. Dhe sa më afër zeros të jetë ky parametër, aq më afër grisë neutrale është ngjyra.
  • Vlera (vlera e ngjyrës) - vendos ndriçimin, vlera gjithashtu mund të ndryshojë midis 0-100 ose 0-1.

Fut kodin e ngjyrës: SHKO

Lista e ngjyrave me emra

Tabela liston emrat e ngjyrave gjuhe angleze(të cilat mund të përdoren si vlera) të mbështetura nga të gjithë shfletuesit dhe vlerat e tyre heksadecimal. Të gjitha ngjyrat e listuara janë "të sigurta", që do të thotë se ato do të shfaqen të njëjta në të gjithë shfletuesit.

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 in sistemi 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

Shfletuesit mbështesin disa ngjyra me emrin e tyre. Në tabelë 1 tregon emrat, kodin heksadecimal, vlerat RGB, HSL dhe përshkrimin.

Duke përdorur RGB

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 deri 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

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

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

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

Ngjyrat HTML tregohen me gjashtë karaktere pas karakterit të pjerrët - për shembull, #000000. Këto gjashtë simbole përfaqësojnë përmasat e ngjyrave të ndryshme (E kuqe, Jeshile, Blu) në ngjyrën përfundimtare. Në monitorin e kompjuterit tuaj, imazhi formohet nga një numër i madh pikash të quajtura pikselë. Çdo piksel është një burim i vogël drite, le ta quajmë atë një "elektrik dore", i cili nga ana e tij përbëhet nga tre elektrik dore - të kuqe, jeshile dhe blu. Duke ulur ose rritur intensitetin e shkëlqimit të elektrik dore me ngjyra individuale, marrim ngjyrën e dëshiruar.

Kodet e ngjyrave HTML

Ngjyrat në HTML përfaqësohen nga një shënim heksadecimal (HEX) i kuq, blu dhe jeshil (RGB).

Vlera më e vogël e ngjyrës është 0 (heksadecimal 00). Vlera më e lartë e ngjyrës është 255 (hex FF).

Vlera heksadecimal e ngjyrës është tre shifra duke filluar me shenjën #.

Kodet e ngjyrave (kuptimet)

16 milionë nuanca

Kombinimi i kuq, blu dhe jeshil me vlera që variojnë nga 0 në 255 për përqindjen e secilës ngjyrë rezulton në një total prej mbi 16 milionë nuancash (256 x 256 x 256).

Shumica e monitorëve modernë janë në gjendje të shfaqin të paktën 16,384 nuanca të ndryshme (monitorët LCD në përgjithësi janë të aftë të shfaqin 262 mijë e 16 milionë (përditësuar tetor 2013) ngjyrat dhe monitorët CRT mund të shfaqin një numër praktikisht të pakufizuar ngjyrash).

Tabela e ngjyrave më poshtë tregon ndryshimin në proporcionin e së kuqes nga 0 në 255 me vlera zero për blu dhe jeshile:

Nuancat e gri

Për të marrë nuanca gri, përdoren pjesë të barabarta të të gjitha ngjyrave. Për ta bërë më të lehtë zgjedhjen e ngjyrës së duhur, ne ju ofrojmë kodet e nuancave gri

Emrat e ngjyrave html të ndër-shfletuesve (të gjithë shfletuesit).

Një koleksion me 150 emra ngjyrash në html, i mbështetur në të gjithë shfletuesit.

Emrat e standardizuar të ngjyrave

W3C liston 16 emra të vlefshëm ngjyrash për HTML dhe CSS: aqua, e zezë, blu, fuchsia, gri, jeshile, gëlqere, ngjyrë gështenjë (gështenjë), blu (ultramarine), ulliri (ulliri), vjollcë (vjollcë), e kuqe (e kuqe) , argjend (argjend), ngjyrë kafe (gri), e bardhë (e bardhë) dhe e verdhë (e verdhë).

Kur përdorni ngjyra që nuk përfshihen në këtë listë, është më e saktë të përdorni kodin e tyre heksadecimal (HEX) ose kodin RGB.

Ngjyra të sigurta

Disa vite më parë, kur kompjuterët mund të mbështesnin maksimumi 256 ngjyra të ndryshme, u propozua një listë me 216 "Web Safe Colors", me 40 ngjyra të rezervuara për sistemin.

Kjo paletë me 216 ngjyra u krijua për të shfaqur siç duhet ngjyrat në modalitetin e paletës me 256 ngjyra.

Tani kjo nuk ka rëndësi sepse shumica e kompjuterëve në mbarë botën mbështesin miliona nuanca ngjyrash. Në çdo rast, këtu është një listë e këtyre ngjyrave: