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
Kjo faqe përmban një tabelë me fjalë kyçe që mund të përdoren për të përcaktuar 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ë 50% kodin e 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 në anglisht (të cilat mund të përdoren si vlera) të mbështetur 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.
Emri i ngjyrës | HEX | Ngjyrë |
---|---|---|
E zezë | #000000 | |
Marina | #000080 | |
BLU e erret | #00008B | |
Blu e mesme | #0000CD | |
Blu | #0000FF | |
Jeshile të errët | #006400 | |
E gjelbër | #008000 | |
Teal | #008080 | |
Cyan e errët | #008B8B | |
DeepSkyBlue | #00BFFF | |
Bruz i errët | #00CED1 | |
MediumPranvera E gjelbër | #00FA9A | |
Gëlqere | #00FF00 | |
Pranvera e Gjelbër | #00FF7F | |
Aqua | #00FFFF | |
Cyan | #00FFFF | |
Midnight Blue | #191970 | |
Dodger Blue | #1E90FF | |
E gjelbër e dritës | #20B2AA | |
ForestGreen | #228B22 | |
Deti i Gjelbër | #2E8B57 | |
DarkSlateGray | #2F4F4F | |
Gëlqere e Gjelbër | #32CD32 | |
Medium Deti i Gjelbër | #3CB371 | |
Bruz | #40E0D0 | |
BLU Mbretërore | #4169E1 | |
Çeliku Blu | #4682B4 | |
Blu e errët | #483D8B | |
Bruz i mesëm | #48D1CC | |
Lejla | #4B0082 | |
E gjelbër Ulliri e errët | #556B2F | |
KadetBlu | #5F9EA0 | |
Lule misri Blu | #6495ED | |
MediumAquaMarine | #66CDAA | |
DimGray | #696969 | |
SlateBlu | #6A5ACD | |
OliveDrab | #6B8E23 | |
Slate Gri | #708090 | |
LightSlateGray | #778899 | |
Medium SlateBlu | #7B68EE | |
Lëndinë e gjelbër | #7CFC00 | |
Chartreuse | #7FFF00 | |
Aquamarine | #7FFFD4 | |
Maroon | #800000 | |
Vjollcë | #800080 | |
Ulliri | #808000 | |
Gri | #808080 | |
Qiell blu | #87 CEEB | |
LightSkyBlu | #87 CEFA | |
Vjollca blu | #8A2BE2 | |
E kuqe e erret | #8B0000 | |
DarkMagenta | #8B008B | |
Saddle Brown | #8B4513 | |
Deti i Errët i Gjelbër | #8FBC8F | |
E gjelbër e lehtë | #90EE90 | |
Vjollcë e mesme | #9370D8 | |
Vjollca e errët | #9400D3 | |
E gjelbër e zbehtë | #98FB98 | |
Orkide e errët | #9932CC | |
E verdhë e gjelbër | #9ACD32 | |
Siena | #A0522D | |
Kafe | #A52A2A | |
Gri e erret | #A9A9A9 | |
Blu e hapur | # ADD8E6 | |
E verdha jeshile | #ADFF2F | |
Bruz i zbehtë | #AFEEEE | |
Çeliku i lehtë blu | #B0C4DE | |
Pluhur Blu | #B0E0E6 | |
Tulla zjarri | #B22222 | |
Shufra e Artë e Errët | #B8860B | |
Orkide e mesme | #BA55D3 | |
RosyBrown | #BC8F8F | |
Kaki i errët | #BDB76B | |
Argjendi | #C0C0C0 | |
E kuqe e mesme Vjollcë | #C71585 | |
E kuqe Indiane | #CD5C5C | |
Peruja | #CD853F | |
Cokollate | #D2691E | |
Tan | #D2B48C | |
Gri e lehtë | #D3D3D3 | |
E kuqe e zbehtë vjollce | #D87093 | |
gjembak | #D8BFD8 | |
Orkide | #DA70D6 | |
Shufra e Artë | #DAA520 | |
Crimson | #DC143C | |
Gainsboro | #DCDCDC | |
Kumbulla | #DDA0DD | |
BurlyWood | #DEB887 | |
Cyan e lehtë | #E0FFFF | |
Livando | #E6E6FA | |
Salmon i errët | #E9967A | |
vjollce | #EE82EE | |
Shufra e zbehtë e Artë | #EE8AA | |
LightCoral | #F08080 | |
Kaki | #F0E68C | |
AliceBlue | #F0F8FF | |
Vesa e mjaltit | #F0FFF0 | |
Azure | #F0FFFF | |
RandyBrown | #F4A460 | |
Gruri | #F5DEB3 | |
Bezhë | #F5F5DC | |
Tym i bardhë | #F5F5F5 | |
Krem me nenexhik | #F5FFFA | |
GhostWhite | #F8F8FF | |
Salmon | #FA8072 | |
Antik E Bardhë | #FAEBD7 | |
Liri | #FAF0E6 | |
DritëGoldenRodYellow | #FAFAD2 | |
Lace e Vjetër | #FDF5E6 | |
E kuqe | #FF0000 | |
Fuchsia | #FF00FF | |
Magenta | #FF00FF | |
Rozë e thellë | #FF1493 | |
E kuqe portokalli | #FF4500 | |
Domate | #FF6347 | |
Rozë e nxehtë | #FF69B4 | |
Koral | #FF7F50 | |
Ngjyra e errët | #FF8C00 | |
Salmon i lehtë | #FFA07A | |
portokalli | #FFA500 | |
Rozë e lehtë | #FFB6C1 | |
Rozë | #FFC0CB | |
Ari | #FFD700 | |
Peach Puff | #FFDAB9 | |
Navajo e bardhë | #FFDEAD | |
Mokasin | #FFE4B5 | |
Bisque | #FFE4C4 | |
MistyRose | #FFE4E1 | |
Bajame të zbardhura | #FFBCD | |
Kamxhik papaja | #FFFD5 | |
Skuqja e livandës | #FFF0F5 | |
Deti Shell | #FFF5EE | |
Mëndafshi i misrit | #FFF8DC | |
Shifon limoni | #FFFACD | |
E bardhë me lule | #FFFAF0 | |
borë | #FFFAFA | |
E verdhe | #FFFF00 | |
E verdhe e lehte | #FFFFE0 | |
Fildishi | #FFFFFF0 | |
E bardha | #FFFFFF |
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 |
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)
Ngjyrë | Kodi HEX | Kodi RGB |
---|---|---|
#000000 | rgb(0,0,0) | |
#FF0000 | rgb (255,0,0) | |
#00FF00 | rgb(0,255,0) | |
#0000FF | rgb(0,0,255) | |
#FFFF00 | rgb(255,255,0) | |
#00FFFF | rgb(0,255,255) | |
#FF00FF | rgb(255,0,255) | |
#C0C0C0 | rgb(192,192,192) | |
#FFFFFF | rgb(255,255,255) |
16 milionë hije
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:
E kuqe | Kodi HEX | Kodi RGB |
---|---|---|
#000000 | rgb(0,0,0) | |
#080000 | rgb(8,0,0) | |
#100000 | rgb(16,0,0) | |
#180000 | rgb(24,0,0) | |
#200000 | rgb(32,0,0) | |
#280000 | rgb(40,0,0) | |
#300000 | rgb(48,0,0) | |
#380000 | rgb(56,0,0) | |
#400000 | rgb(64,0,0) | |
#480000 | rgb(72,0,0) | |
#500000 | rgb(80,0,0) | |
#580000 | rgb(88,0,0) | |
#600000 | rgb(96,0,0) | |
#680000 | rgb(104,0,0) | |
#700000 | rgb(112,0,0) | |
#780000 | rgb(120,0,0) | |
#800000 | rgb(128,0,0) | |
#880000 | rgb(136,0,0) | |
#900000 | rgb (144,0,0) | |
#980000 | rgb(152,0,0) | |
#A00000 | rgb (160,0,0) | |
#A80000 | rgb(168,0,0) | |
#B00000 | rgb(176,0,0) | |
#B80000 | rgb (184,0,0) | |
#C00000 | rgb(192,0,0) | |
#C80000 | rgb (200,0,0) | |
#D00000 | rgb (208,0,0) | |
#D80000 | rgb (216,0,0) | |
#E00000 | rgb (224,0,0) | |
#E80000 | rgb(232,0,0) | |
#F00000 | rgb (240,0,0) | |
#F80000 | rgb(248,0,0) | |
#FF0000 | rgb (255,0,0) |
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
Nuancat e gri | Kodi HEX | Kodi RGB |
---|---|---|
#000000 | rgb(0,0,0) | |
#080808 | rgb(8,8,8) | |
#101010 | rgb(16,16,16) | |
#181818 | rgb(24,24,24) | |
#202020 | rgb(32,32,32) | |
#282828 | rgb(40,40,40) | |
#303030 | rgb(48,48,48) | |
#383838 | rgb(56,56,56) | |
#404040 | rgb(64,64,64) | |
#484848 | rgb(72,72,72) | |
#505050 | rgb(80,80,80) | |
#585858 | rgb(88,88,88) | |
#606060 | rgb(96,96,96) | |
#686868 | rgb(104,104,104) | |
#707070 | rgb(112,112,112) | |
#787878 | rgb(120,120,120) | |
#808080 | rgb(128,128,128) | |
#888888 | rgb(136,136,136) | |
#909090 | rgb(144,144,144) | |
#989898 | rgb(152,152,152) | |
#A0A0A0 | rgb(160,160,160) | |
#A8A8A8 | rgb(168,168,168) | |
#B0B0B0 | rgb(176,176,176) | |
#B8B8B8 | rgb(184,184,184) | |
#C0C0C0 | rgb(192,192,192) | |
#C8C8C8 | rgb (200,200,200) | |
#D0D0D0 | rgb(208,208,208) | |
#D8D8D8 | rgb(216,216,216) | |
#E0E0E0 | rgb(224,224,224) | |
#E8E8E8 | rgb(232,232,232) | |
#F0F0F0 | rgb(240,240,240) | |
#F8F8F8 | rgb(248,248,248) | |
#FFFFFF | rgb(255,255,255) |
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ë kafe (gështenjë), marina (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:
000000 | 000033 | 000066 | 000099 | 0000CC | 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 |
00 FF00 | 00FF33 | 00FF66 | 00FF99 | 00FFCC | 00FFFF |
330000 | 330033 | 330066 | 330099 | 3300cc | 3300 FF |
333300 | 333333 | 333366 | 333399 | 3333CC | 3333FF |
336600 | 336633 | 336666 | 336699 | 3366CC | 3366 FF |
339900 | 339933 | 339966 | 339999 | 3399CC | 3399 FF |
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 | 6666 FF |
669900 | 669933 | 669966 | 669999 | 6699CC | 6699 FF |
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 | 9966 FF |
999900 | 999933 | 999966 | 999999 | 9999CC | 9999FF |
99CC00 | 99CC33 | 99CC66 | 99CC99 | 99CCCC | 99CCFF |
99 FF00 | 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 |