Fff ngjyra. Ngjyra në stile mund të specifikohet në mënyra të ndryshme: me vlerë heksadecimal, me emër, në format RGB, RGBA, HSL, HSLA

Në HTML, ngjyra mund të specifikohet në tre mënyra:

Vendosja e një ngjyre 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 bardhë, e kuqe, jeshile, blu, etj.:

Ngjyra e tekstit - e kuqe

Ngjyrat më të njohura të standardit të World Wide Web Consortium (W3C):

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ë
	Maroon		Ulliri		Marina		Teal

Shembull i përdorimit të emrave të ngjyrave të ndryshme:

Shembull: specifikimi i një ngjyre me emrin e saj

• Provojeni vetë"

Titulli në sfond të kuq

Titulli në sfond portokalli

Drejtimi në sfond gëlqereje

Tekst i bardhë në sfond blu

Titulli në sfond të kuq

Titulli në sfond portokalli

Drejtimi në sfond gëlqereje

Tekst i bardhë në sfond blu

Specifikimi i ngjyrës duke përdorur RGB

Kur shfaqni ngjyra të ndryshme në një monitor, paleta RGB përdoret si bazë. Çdo ngjyrë fitohet duke përzier tre ato bazë: R - e kuqe, G - jeshile, B - blu. Shkëlqimi i secilës ngjyrë 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) shfaqet si e kuqe pasi 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. Çdo parametër 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 ngjyrë jeshile mesatare:

Shembull: Specifikimi i ngjyrës duke përdorur 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ësoj si dhjetore 0-255 ) . Sistemi heksadecimal, ndryshe nga sistemi dhjetor, bazohet, siç sugjeron emri i tij, në numrin 16. Sistemi heksadecimal përdor këto shenja: 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 përfaqësohen duke kombinuar dy karaktere në një vlerë. Për shembull, numri më i lartë 255 në dhjetor korrespondon me vlerën më të lartë FF në heksadecimal. Ndryshe nga sistemi dhjetor, një numër heksadecimal paraprihet nga një simbol hash. # , për shembull, #FF0000 tregohet 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). Shenjat pas simbolit hash # Mund të shkruani me shkronja të mëdha dhe të vogla. Sistemi heksadecimal ju lejon të përdorni formën e shkurtuar #rgb, ku çdo karakter është ekuivalent me dyfishin. 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 zezë		#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ë	vjollce		#800080	128	0	128
E kuqe	E kuqe		#FF0000	255	0	0
Shafrani	Shafrani		#F4C430	244	196	48
Deti jeshil	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	vjollce		#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ë, ndërsa shfletoni faqet e internetit në internet, sytë vlerësojnë miliona ngjyra dhe nuanca. Një dizajner ueb i cili është i njohur me psikologjinë e ngjyrave mund të manipulojë disponimin e vizitorit për të arritur qëllime të caktuara.

Kjo është për shkak të faktit se disa nuanca qetësohen, dhe disa, përkundrazi, eksitojnë. Më tej 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ë kryesorë, të cilët janë:

• Ngjyra e kuqe ( E kuqe);
• ngjyra jeshile ( E gjelbër);
• Ngjyra blu ( Blu).

Nga këtu vjen emri i shkurtuar RGB. Këto ngjyra u zgjodhën si kryesoret për një arsye: arsyeja është fiziologjia e retinës së syrit të njeriut dhe si i percepton ato:

Modeli RGB mbetet më i popullarizuari sot 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, mbi të cilin Microsoft dhe HP punuan së bashku.

Paraqitja numerike e ngjyrës

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), i cili në shënimin heksadecimal korrespondon me 00-FF.

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ë përftohen nuanca të ndryshme të kuqe, jeshile dhe blu. Më poshtë është një tabelë e gradimeve të tyre, si dhe vlerat heksadecimal të secilës prej nuancave:

Tabelat me ngjyra 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 shikoni këtu. Kjo tabelë e bën jetën shumë më të lehtë për dizajnerët e uebit, pasi në pak sekonda mund të gjeni hijen e kërkuar 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 do të përpiqet të marrë diçka afër asaj që i nevojitet duke përzier ngjyrat ngjitur 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 ueb mund të ketë qetësi në lidhje me shfaqjen e ngjyrave në faqet e faqes së tyre të internetit 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 ( progresi teknologjik ende nuk qëndron ende), kur e përdorni, siç thonë ata, mund të flini të qetë.

Ngjyra e artë në modelin RGB

Fjala "ar" u përdor për herë të parë në fillim të shekullit të 14-të 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) - sistemi dhjetor;
• HEX #FFD700 – sistem heksadecimal.

Ngjyra bezhe ne modelin RGB

Ngjyra bezhë zë një vend mjaft domethënës në histori, edhe nëse nuk është më ekspresive. Shumë monumente kulture, veçanërisht skulpturat antike, ishin bërë me gur sapuni dhe gur sapuni, të cilat kanë një nuancë bezhë. Në modelin RGB, ngjyrë bezhë ka paraqitjet numerike të mëposhtme:

• 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ë shohësh një ngjyrë të tillë "të mërzitshme". Zhvilluesit i japin përparësi dizajnit tërheqës duke përdorur ngjyra të ndritshme. Progresi teknologjik bën të mundur shfaqjen e një numri kolosal 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 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 e gjelbër 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 lartë numri, aq më e lehtë është ngjyra, me vlera që variojnë nga #000000 (e zezë) deri 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) krijohet 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 secili 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.

Tabela 6.3. Emrat e disa ngjyrave

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 .

>>Menaxhimi i ngjyrave

Vlerat heksadecimale të ngjyrave RGB

Metodat e përshkrimit dhe përpunimit të ngjyrës ndryshojnë nga njëra-tjetra në atë për çfarë përfaqësimi përfundimtar synohen. Le të krahasojmë, për shembull, paraqitjen e ngjyrave për printim dhe për monitorët e kompjuterit. Në rastin e parë, merret baza të bardhë ngjyra e letrës mbi të cilën aplikohen më pas tre ngjyra kryesore: blu, vjollcë Dhe e verdhe. Duke u përzier me njëra-tjetrën dhe me ngjyrën e bardhë të letrës në përmasa të ndryshme, këto tre ngjyra kryesore japin nuanca të ndryshme ngjyrash, përveç të zezës së pastër, ose në mungesë të plotë të bojrave japin letër të bardhë. Nëse u shtojmë ngjyrën e zezë, marrim CMYK-një metodë e transmetimit të ngjyrës kur ngjyra e kërkuar fitohet duke zbritur ngjyrat që mungojnë nga e bardha.

Në rastin e dytë, merret baza e zezë ngjyra e ekranit të monitorit, secila qelizë e të cilit shkëlqen në një nga tre ngjyrat: e kuqe- e kuqe, jeshile- jeshile dhe blu- blu. Më pas, në mungesë të plotë të ndonjë shkëlqimi, marrim një ngjyrë të pastër të zezë të ekranit, dhe cilado nga ngjyrat e kërkuara jepet nga raporti i secilës prej tre ngjyrave. Në këtë rast do të marrim RGB- mënyra e transmetimit të ngjyrave. Ngjyrat primare mund të variojnë nga 0 përpara 255 , ose nga 0% përpara 100% , ose mund të përfaqësohet si një vlerë heksadecimal. Në figurën më poshtë mund të shihni rezultatet e përzierjes së ngjyrave kryesore.

Sistemi heksadecimal i numrave, ndryshe nga sistemi i numrave dhjetorë, nuk ka dhjetë shifra në serinë e tij, por gjashtëmbëdhjetë - prandaj emri. Prandaj, mund të ketë vetëm variante jo të përsëritura të kombinimeve me dy shifra - 256 , për të vazhduar serinë e numrave pas 9 letra nga A përpara F Prandaj, seria do të duket kështu -

0,1,2,3,4,5,6,7,8,9,A,B,C,D,E,F.

Për të kthyer numrat nga një sistem numrash në një tjetër dhe anasjelltas, përdorni kalkulatorin më poshtë. Vlera maksimale këtu mund të jetë FF - 255 .

Në këtë rast, ngjyra përcaktohet nga tre numra heksadecimal, secila prej të cilave përbëhet nga dy shifra. Numri i parë përcakton intensitetin e kuqe ngjyrat e mesme jeshile, gjeja e fundit - blu ngjyrat. Të gjithë numrat mund të marrin vlera në intervalin nga 00 përpara FF(nga 0 në 255). Për shembull: ngjyra jeshile jepet si #00FF00, e kuqe - si #FF0000, blu - si #0000FF, e bardhë - si #FFFFFF, mungesa e plotë e ngjyrës ose e zezë jepet si #000000 .

Në formularin e mëposhtëm mund të specifikoni çdo vlerë heksadecimal për secilën nga tre ngjyrat dhe të shihni rezultatin e përzierjes së tyre duke klikuar në fushën e daljes.

E KUQE		E GJELBËR		BLU
	0 1 2 3 4 5 6 7 8 9 a b c d e f	0 1 2 3 4 5 6 7 8 9 a b c d e f	0 1 2 3 4 5 6 7 8 9 a b c d e f	0 1 2 3 4 5 6 7 8 9 a b c d e f	0 1 2 3 4 5 6 7 8 9 a b c d e f
...Kliko këtu

Shembuj të disa vlerave heksadecimale të ngjyrave RGB: gradime të kuqe, blu dhe jeshile.

pamje	kodi	pamje	kodi	pamje	kodi	pamje	kodi	pamje	kodi	pamje	kodi
	#010000		#800000		#000100		#008000		#000001		#000080
	#100000		#900000		#001000		#009000		#000010		#000090
	#200000		#A00000		#002000		#00A000		#000020		#0000A0
	#300000		#B00000		#003000		#00B000		#000030		#0000B0
	#400000		#C00000		#004000		#00C000		#000040		#0000C0
	#500000		#D00000		#005000		#00D000		#000050		#0000D0
	#600000		#E00000		#006000		#00E000		#000060		#0000E0
	#700000		#FF0000		#007000		#00FF00		#000070		#0000FF

Specifikimi i ngjyrës duke përdorur vargje Literale

Për lehtësinë e përdorimit, disa ngjyrave dhe kombinimeve të tyre iu caktuan emra që njihen nga të gjithë shfletuesit, dhe u bë e mundur që shumë prej tyre të vendoseshin me emër. Tabela më poshtë tregon disa nga emrat e ngjyrave:

pamje	Emri	pamje	Emri	pamje	Emri	pamje	Emri
	E bardha		E kuqe		portokalli		E verdhe
	E gjelbër		Blu		Vjollcë		E zezë
	Aliceblue		Antik i bardhë		Aqua		Aquamarine
	Azure		Bezhë		Bisque		Blanchedalmond
	Vjollca blu		Kafe		Burlywood		Kadet blu
	Chartreuse		Cokollate		Koral		lule misri blu
	Mëndafshi i misrit		Crimson		Cyan		BLU e erret
	të errët		Shufra e artë e errët		Gri e erret		Jeshile të errët
	Darkkaki		Darkmagenta		E errët e gjelbër		Ngjyra e errët
	Darkorchid		E kuqe e erret		Salmon i zi		Gjelbër e errët
	Blu e errët		Gri e errët		Bruz i errët		Vjollca e errët
	Pink i thellë		Blu e thellë		E zbehtë		Dodgeblu
	Tulla zjarri		E bardhë me lule		Me gjelbërim pyjor		Fuschia
	Gainsboro		Ghostwhite		Ari		Shkopi i Artë
	Gri		E verdhë e gjelbër		Mjaltë		Rozë e nxehtë
	Indianed		Lejla		Fildishi		Kaki
	Livando		Skuqja e livandës		Limonshifon		Blu e hapur
	Koral i lehtë		drite		E verdhë e çelur e bardhë		E gjelbër e çelur
	gri e çelët		Rozë e lehtë		Salmon i lehtë		E gjelbër e lehtë
	Blu e lehtë		Gri e lehtë		Blu e çelur		E verdhe e lehte
	Gëlqere		Limegreen		Liri		Magenta
	Maroon		Aquamarine e mesme		Blu mesatare		Mediumorkide
	Vjollcë e mesme		E gjelbër e mesme		Blu me pllakë mesatare		Mediumspringgreen
	Bruz mesatar		Vjollcë mesatare		Blu e mesnatës		Krem mente
	Mistiroza		Navajo e bardhë		Marina		Oldlace
	Ulliri		Oliverab		E portokalluar		Orkide
	Palegoldenrod		Palegreen		Paletteurquoise		Paleviolet
	Kamxhik papaja		Peachpuff		Peruja		Rozë
	Kumbulla		Blu pluhur		Trëndafili		BLU Mbretërore
	shalë kafe		Deti jeshile		Guaskë deti		Siena
	Argjendi		Qiell blu		Pllaka blu		Slategray
	borë		Pranvera		Çeliku		Tan
	Teal		gjembak		Domate		Bruz
	vjollce		Gruri		Tym i bardhë		e verdhë e gjelbër

Lista e shkronjave të vogla me emra ngjyrash është mjaft e gjerë dhe më se e mjaftueshme. Nëse keni nevojë të vendosni një ngjyrë të sfondit që është aq e pazakontë sa që nuk ka as një emër, mund të përdorni një vlerë heksadecimal.

Përdorimi i një gamë ngjyrash të sigurt

Fatkeqësisht, në platforma të ndryshme, me cilësime të ndryshme të sistemit, riprodhimi i saktë i ngjyrave është një problem. Gjë është se shfletuesi gjithmonë përpiqet të rregullojë paletën e ngjyrave të dokumentit në cilësimet e sistemit dhe aftësitë e monitorimit, duke përzier në mënyrë të pavarur ngjyrat dhe duke i zëvendësuar ato. Si rezultat, ndonjëherë përdoruesi nuk e sheh saktësisht atë që webmaster dëshironte t'i tregonte atij. Një rrugëdalje nga kjo situatë u gjet në përdorimin e një palete, secila ngjyrë e së cilës garantohet të jepet në mënyrë të barabartë nga të gjithë shfletuesit në platforma të ndryshme. Ky është i ashtuquajturi e garantuar paleta, e quajtur gjithashtu i sigurt paleta. Kjo paletë përfshin ngjyra, përbërësit e ngjyrave të të cilave marrin vlerat e mëposhtme: 00 ,33 ,66 ,99 , CC,FF, në të gjitha mënyrat e mundshme 216 kombinimet e tyre.

FFFFFF CCCCCC 999999 666666 333333 000000 CCCC66 CCCC33 999966 999933 999900 666600 CCFF66 CCFF00 CCFF33 CCCC99 666633 333300 99 FF00 99FF33 99CC66 99CC00 99CC33 669900 CCFF99 99FF99 66CC00 66CC33 669933 336600 66 FF00 66FF33 33 FF00 33CC00 339900 009900 33FF33 00FF33 00 FF00 00CC00 33CC33 00CC33 CCFFCC 99CC99 66CC66 669966 336633 003300 99FF99 66FF66 33FF66 00FF66 339933 006600 66FF99 33FF99 00FF99 33CC66 00CC66 009933 66CC99 33CC99 00CC99 339966 009966 006633 99FFCC 66FFCC 33FFCC 00FFCC 33CCCC 009999 CCFFFF 99FFFF 66FFFF 33FFFF 00FFFF 00CCCC 99CCCC 66CCCC 339999 669999 006666 336666 66CCFF 33CCFF 00CCFF 3399CC 0099CC 003333 99CCFF 3399 FF 0099FF 6699CC 336699 006699 0066FF 3366CC 0066CC 0033FF 003399 003366 6699 FF 3366 FF 0000 FF 0000CC 0033CC 000033 3333FF 3300 FF 3300cc 3333CC 000099 000066 9999CC 6666 FF 6666CC 666699 333399 333366 CCCCFF 9999FF 6666 FF 6600 FF 330099 330066 9966CC 9966 FF 6600cc 6633CC 663399 330033 CC99FF CC66FF 9933FF 9900 FF 660099 663366 CC66FF CC33FF CC00FF 9900cc 996699 660066 CC99CC CC66CC CC33CC CC00CC 990099 993399 FFCCFF FF99FF FF66FF FF33FF FF00FF CC3399 FF66CC FF00CC FF33CC CC6699 CC0099 990066 FF99CC FF3399 FF0099 CC0066 993366 660033 FF6699 FF3399 FF0066 CC3366 996666 663333 CC9999 CC6666 CC3333 CC0000 990033 330000 FFCCCC FF9999 FF6666 FF3333 FF0000 CC0033 FF6633 CC3300 FF3300 FF0000 CC0000 990000 FFCC99 FFCC66 FF6600 CC6633 993300 660000 FF9900 FF9933 CC9966 CC6600 996633 663300 FFCC66 FFCC00 FFCC33 CC9900 CC9933 996600 FFFFCC FFFF99 FFFF66 FFFF33 FFFF00 CCCC00

pamje	kodi	pamje	kodi	pamje	kodi	pamje	kodi	pamje	kodi	pamje	kodi

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