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 një ngjyrë ose për planin e parë të një elementi (p.sh. teksti, ngjyra e lidhjes) ose sfondi i një elementi (sfondi, ngjyra e bllokut). Ato mund të përdoren gjithashtu për të ndryshuar ngjyrën e butonave, kufijtë, shënuesin, rri pezull dhe efekte të tjera dekorative.

Ju mund të vendosni vlerat tuaja të ngjyrave në formate të ndryshme. Tabela e mëposhtme liston të gjitha formatet e mundshme:

Këto formate përshkruhen më në detaje më poshtë.

Ngjyrat CSS - Kodet Hex

Kodi heksadecimal i ngjyraveështë një paraqitje me ngjyra me gjashtë shifra. Dy shifrat e para (RR) janë vlera e kuqe, dy të tjerat janë vlera jeshile (GG) dhe dy të fundit janë vlera blu (BB).

Ngjyrat CSS - Kode të shkurtra Hex

Kodi i shkurtër heksadecimal 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 vlerën ekuivalente të ngjyrës 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ënimit heksadecimal.

Ngjyrat CSS - Vlerat RGB

Vlera RGBështë një kod ngjyrash që vendoset duke përdorur veçorinë 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 veçorinë 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 me 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 hex FFFFFF. Ato janë të sigurta për t'u përdorur pasi sigurojnë që të gjithë kompjuterët të shfaqin ngjyrat në mënyrë korrekte kur punojnë me paletën e ngjyrave 256.

Lojërat kompjuterike janë një nga mënyrat më të njohura për të kaluar kohën tuaj të lirë në mënyrë interesante. Duke u zhytur në botën e lojërave video, ne harrojmë problemet dhe problemet reale, pushojmë dhe kënaqemi. Dhe nëse kjo është një lojë në internet ose një lojë në modalitetin me shumë lojtarë, atëherë përparësia e saj kryesore është se këtu mund të takoni shumë njerëz nga e gjithë bota dhe të gjeni jo vetëm njerëz me mendje të njëjtë, por edhe miqtë më të mirë. Dëshironi të dini se si cilësimet e lojës, deri në ngjyrën në "MTA", mund të ndikojnë në komunikimin tuaj me lojtarët e tjerë? Lexo!

Karakteristikat e modalitetit me shumë lojtarë

A keni menduar ndonjëherë: si të rregulloni ngjyrat në "MTA" ose në ndonjë lojë tjetër? Askush që ka pasur ndonjëherë mundësinë për të luajtur një lojë online me një numër të madh lojtarësh, nuk do ta mohojë se ata duan të tregojnë veten në dritën më të mirë para të tjerëve. Ju mund të tregoni gjërat e veçanta dhe të shtrenjta të personazhit tuaj, të dalloheni në njohuritë e terminologjisë së lojës ose thjesht të personalizoni ndërfaqen e lojës tuaj në mënyrë që të funksionojë më mirë se lojtarët pa përvojë.

Ngjyrat në "MTA" - çfarë duhet të dini?

Nëse flasim për një nga versionet e modalitetit me shumë lojtarë të lojës "GTA: San Andreas", "MTA", atëherë ngjyra luan një rol shumë të rëndësishëm këtu. Aftësia për të personalizuar ngjyrën për pseudonimin tuaj në "MTA" është një nga aftësitë më të mira që duhet të fitojë çdo lojtar fillestar.

Pra, për të personalizuar ngjyrën e pseudonimit, shkoni te aplikacioni "MTA: SA" dhe klikoni në opsionin Settings, më pas zgjidhni emrin tuaj dhe më pas vendosni kodin e ngjyrës së dëshiruar pikërisht përballë tij. Në "MTA" ka një gamë të madhe ngjyrash për pseudonimet. Në artikull, ne kemi futur paleta mostrash nga të cilat mund të zgjidhni nuancën tuaj të preferuar.

Tani e dini se si mund të dalloheni dhe ta bëni pseudonimin tuaj të ndryshëm nga pseudonimet e lojtarëve fillestarë dhe të papërvojë. E ndritshme, do t'ju dallojë nga lojtarët e zakonshëm dhe do t'ju tërheqë më shumë vëmendjen. Shijoni lojën tuaj!

CSS nuk kuptohet). Prandaj, webmasteri i ardhshëm duhet vetëm të studiojë Mjetet HTML që ju lejojnë të ndryshoni ngjyrën, për shembull, në mënyrë që të bëni buletine të ndritshëm dhe shumëngjyrësh me e-mail që do të tërheqin vëmendjen e audiencës së synuar të faqes.

Kjo hyrje doli të jetë mjaft voluminoze, por prej saj do të mësoni për të gjitha tiparet teknike të punës me ngjyra duke përdorur HTML. Ne do të fillojmë regjistrimin duke u marrë me pyetjen: pse duhet të theksojmë disa elementë të faqes HTML me ngjyra. Pastaj do të flasim për modelin RGB, i cili ju lejon të specifikoni ngjyrat në HTML duke përdorur kode speciale (në kalim, do të shikojmë kodet dhjetore të ngjyrave dhe vlerat heksadecimal të ngjyrave HTML). Gjithashtu nga ky postim do të mësoni për paletën e ngjyrave, dhe gjithashtu do të kuptoni pse nuk ka paletë në HTML. Dhe fundi i këtij botimi do të jetë shembuj të ndryshimit të ngjyrave të sfondit, tekstit dhe lidhjes.

Përdorimi i ngjyrave në HTML

Faqet e faqes do të ishin të mërzitshme dhe jo interesante pa imazhe, për të cilat folëm më herët dhe me shumë detaje. Por imazhet kanë një disavantazh të rëndësishëm: çdo imazh është një shtesë dhe, në përputhje me rrethanat, një ngarkesë shtesë në pritje.

Vërej se për hartimin e blogut tim në WordPress, nuk përdora asnjë imazh të vetëm, faqosja është e zbukuruar plotësisht me ngjyra. E njëjta gjë rreth ngjyrave në HTML, ne do të flasim me ju sot. Ngjyrat në HTML përdoren për qëllime të ndryshme, për shembull, ne mund të dizajnojmë paraqitjet e faqeve të internetit duke theksuar një ose një tjetër në një ngjyrë ose në një tjetër.

Me ndihmën e ngjyrës, ne mund të përqendrojmë vëmendjen e vizitorëve tanë në një tekst të caktuar ose bllok sajti. Vini re se gjithashtu përcaktohet duke përdorur ngjyrën në mënyrë të tillë që përdoruesi të kuptojë: në cilën lidhje ka klikuar tashmë, cilën nuk e ka vizituar ende dhe në cilën faqe HTML ndodhet aktualisht.

Bej kujdes duke përdorur ngjyrat për të stiluar dokumentet HTML, jo të gjitha ngjyrat shkojnë mirë me njëra-tjetrën dhe jo çdo ngjyrë do të jetë e këndshme për vizitorët e faqes tuaj. Por më mirë pyesni dizajnerët e uebit për këto hollësi, ky artikull do t'ju ndihmojë të merreni me veçoritë teknike që ju lejojnë të kontrolloni ngjyrën e elementeve të faqes HTML.

Por nuk duhet të harroni se dizajni duhet të ndahet nga përmbajtja, kështu që është më mirë të përdorni CSS për manipulimin e ngjyrave në faqet HTML, por ne do të flasim për këtë në një postim tjetër. Tani do të shohim çfarë mjetesh ka në HTML për të kontrolluar ngjyrën në faqet e faqes.

Ka shumë modele ngjyrash në industrinë e IT për manipulimin e ngjyrave. Modeli më i përdorur i përfaqësimit të ngjyrave është modeli RGB. Ne do të flasim për disa veçori të këtij modeli këtu, dhe për një njohje më të detajuar me RGB do të ketë një botim të veçantë. Më poshtë do të gjeni një listë të modeleve të ngjyrave të përdorura në IT (jo vetëm HTML dhe CSS):

1. Modeli RGB. Ky model është bërë shumë i përhapur dhe, ndoshta, është një nga mënyrat më të përshtatshme dhe më të zakonshme për të manipuluar ngjyrën e elementeve HTML.
2. Modeli RGB. Ky model është shumë i ngjashëm me modelin RGB, por përfshin një kanal alfa për ngjyrën. E veçanta e modelit RGBA është se ju lejon të rregulloni jo vetëm ngjyra e elementit HTML, por edhe transparenca e tij për shkak të pranisë së një kanali alfa. Modeli RGBA u shtua në CSS3 dhe nuk mbështetet nga shfletuesit më të vjetër.
3. Modeli HSL. E veçanta e modelit HSL është se ne vendosim ngjyrën duke përdorur parametrat e saj: nuancë, pompozitet dhe lehtësi. Ky model është disi më i vështirë për t'u kuptuar se modeli RGB.
4. Modeli HSLA. Ky model është shumë i ngjashëm me modelin HSL, por ashtu si modeli RGBA, ju lejon të punoni me kanalin alfa të ngjyrës, kështu që duke përdorur HSLA mund të vendosim jo vetëm ngjyrën e elementit HTML në faqe, por edhe transparencën e saj.
5. Modeli HSV (HSB). Ky model nuk duhet të ngatërrohet me modelin HSL. Vini re se katër modelet e para mund të përdoren në HTML ose CSS për të stiluar faqet e internetit, por modeli HSV nuk mundet. Modeli HSV u zhvillua nga një nga themeluesit e studios Pixar në 1978 dhe është shumë i ngjashëm me HSL.
6. Modeli CMY ose CMYK. Ky model përdoret në të gjithë printerët me ngjyra për printim. Modeli CMYK bazohet në rregullin që printimi bëhet në fletë të bardha letre. Çdo ngjyrë në modelin CMYK përftohet duke përzier Cyan (Cyan i zbehtë, Cyan), Magenta (Magenta) dhe të verdhë. Çdo ngjyrë në modelin CMY ka një karakteristikë të tejdukshmërisë (sasinë e bojës), e matur si përqindje. Por përveç tre ngjyrave të listuara, modeli CMYK përdor edhe të zezën.

Të gjitha modelet e mësipërme të ngjyrave varen nga pajisja, domethënë nëse ju vendosni ngjyrën e një elementi HTML duke përdorur modelin RGB ose HSL, atëherë është e pamundur të thuhet me saktësi se çfarë ngjyre do të shohë një vizitor në faqen tuaj, pasi monitorët e të gjithë përdoruesve janë të ndryshëm dhe ata transmetojnë ngjyra në mënyra të ndryshme. Gjithashtu vini re se të gjitha modelet e mësipërme bazohen në modelin RGB dhe çdo ngjyrë e specifikuar në cilindo prej modeleve (përveç HSLA dhe RGBA për shkak të pranisë së një kanali alfa) mund të konvertohet në RGB.

Nëse flasim për modele ngjyrash të pavarura nga pajisja, atëherë vlen të përmendet modeli LAB. Pra, u larguam pak nga puna me ngjyra në HTML, duke u njohur me disa modele ngjyrash. Vini re se shfletuesit "kuptojnë" vetëm katër modelet e para: HSL, RGB, HSLA dhe RGBA. Prandaj, ne mund të kontrollojmë ngjyrën e elementeve HTML vetëm me ndihmën e këtyre modeleve.

Si formohet ngjyra e një elementi HTML: disa veçori të modelit RGB

Le ta kuptojmë si formohet ngjyra e një elementi HTML dhe me disa veçori të modelit RGB. Vini re se do të flasim për modelin RGB, si dhe për modele të tjera që përdoren për të dizajnuar faqe në internet pak më vonë në hyrje të veçanta.

Pra, modeli RGB qëndron për Red, Green, Blue. Modeli RGB bazohet në parimin e aditivitetit. Ky parim është që për të marrë ndonjë ngjyrë, ngjyra i shtohet të zezës. Për një kuptim më të mirë, imagjinoni që ekrani juaj është një mur i zi dhe keni tre dritat e vëmendjes: i pari është i kuq, i dyti është jeshil dhe i treti është blu. Mund të rregulloni ndriçimin e secilit qendër të vëmendjes duke përdorur një vizore me numra nga 0 në 255. Prandaj, nëse e vendosni dritën e vëmendjes në zero, ai fiket dhe nuk shkëlqen, nëse vlera është 255, atëherë drita e vëmendjes jep ngjyrën më të ndritshme.

Kështu, rezulton se nëse shkëlqeni në të njëjtën pikë me një dritë të kuqe dhe jeshile, atëherë do të vini re një njollë të verdhë në një mur të zi. Nëse kombinoni të kuqe dhe blu, ju merrni ngjyrë purpur, dhe nëse kombinoni jeshile dhe blu, atëherë pika e dritës në murin e zi do të jetë Cyan, por nëse drejtoni të tre dritat në të njëjtën pikë, atëherë pika e dritës do të jetë e bardhë. .

Parimi i përshkruar më sipër qëndron në themel të modelit RGB dhe përdoret për të manipuluar ngjyrat në elementët HTML në një faqe në një shfletues.

Atributet HTML për ndryshimin e ngjyrës së elementeve: ngjyra e sfondit të elementit dhe ngjyra e tekstit brenda elementit

Përdoret për t'i bërë elementët e faqes unike. Me atributet HTML, ne mund të manipulojmë ngjyrën e elementeve:

1. Atributi i ngjyrës HTML. Ky atribut ju lejon të ndryshoni ngjyrën e tekstit brenda një elementi HTML. Atributi mund të marrë vlera në formën e emrave të ngjyrave HTML dhe kodeve të modelit RGB në shënimin heksadecimal dhe dhjetor. Atributi i ngjyrës është një atribut unik HTML që ju lejon të ndryshoni ngjyrën e tekstit brenda elementeve të caktuara HTML.
2. Atributi i tekstit HTML. Ky atribut është një atribut unik i etiketës. . Etiketë së bashku me etiketat dhe formë . Nëse ju kujtohet, atëherë brenda në enë vendosen elementë, të cilët më pas shfaqen nga shfletuesi në portin e shikimit. Atributi i tekstit ju lejon të vendosni ngjyra e parazgjedhur e tekstit për të gjitha faqet html.
3. Atributi HTML bgcolor. Është gjithashtu një atribut unik HTML dhe ju lejon të ndryshoni ngjyrën e sfondit të disa elementeve HTML.
4. atribut vlink HTML. Ky atribut është unik dhe zbatohet vetëm për etiketën. për të ndryshuar ngjyrën e një lidhjeje që përdoruesi e ka vizituar tashmë.
5. atributi i lidhjes HTML. Ky atribut është gjithashtu unik dhe vlen vetëm për etiketën. . Atributi alink ndryshon ngjyrën e lidhjes aktive HTML.
6. Atributi i lidhjes HTML. Atributi i lidhjes përdoret vetëm me një etiketë dhe shërben për të ndryshuar ngjyrën e lidhjeve të faqeve HTML që përdoruesi nuk i ka vizituar ende.

Ju lutemi vini re se përdorimi i atributeve për të ndryshuar ngjyrën e elementeve HTML nuk rekomandohet, pasi ka fletë stilesh kaskadë që ju lejojnë të ndani pamjen e një ueb faqeje nga përmbajtja e saj.

Përdorimi i kodeve dhjetore të ngjyrave në HTML

Pra, folëm për faktin se në qendër të vëmendjes mund të vendoset shkëlqimi i ngjyrës duke përdorur një vizore të veçantë, mbi të cilën ka shifra të numëruara nga 0 në 255. Tani le të shohim se si kjo do të na ndihmojë të ndryshojmë ngjyrën e elementeve HTML. Puna është se ne mund të ndryshojmë ngjyrën e tekstit brenda një elementi HTML ose ngjyrën e sfondit në HTML duke përdorur një kod dhjetor si më poshtë:

Nëse krijoni një dokument HTML që përshkruan kontejnerin e trupit si në shembull, do të shihni:

1. Ngjyra e sfondit të dokumentit HTML tani është jeshile: bgcolor=”rgb (0,255,0)”.
2. Ngjyra e tekstit të faqes HTML do të bëhet blu: text=”rgb (0,0,255)”.
3. Ngjyra HTML e një lidhjeje që përdoruesi nuk e ka vizituar do të jetë e bardhë: link=”rgb (255,255,255)”.
4. Ngjyrat e lidhjes që është aktualisht e hapur do të jenë të zeza: alink=”rgb (0,0,0)”.
5. Dhe ngjyra e një lidhjeje HTML që tashmë është vizituar do të jetë e kuqe: vlink=”rgb (255,0,0)”.

Ju lutemi vini re: askush nuk ju ndalon të rregulloni "fuqinë e vëmendjes" sipas gjykimit tuaj, ju mundeni vendosni ngjyrën html, për shembull, në këtë mënyrë:

Dhe merrni ngjyrën e befasisë fëminore. Kjo është veçoria, fleksibiliteti dhe komoditeti i modelit RGB. Monitori juaj është një mur i zi me dritat e vëmendjes që shkëlqejnë mbi të dhe ju mund të rregulloni fuqinë e atyre dritave dhe të krijoni të gjitha llojet e ngjyrave të sfondit, tekstit dhe lidhjeve duke përdorur atributet HTML në shënimin dhjetor, ose mund të thoni: duke përdorur kodet dhjetore të ngjyrave.

Në fakt gabim për të thënë kodet dhjetore të ngjyrave në html, do të ishte më e saktë të thuhet Kodet dhjetore të ngjyrave RGB, meqenëse ky model përdoret jo vetëm për dizajnimin e ueb faqeve në HTML dhe CSS.

Vlerat heksadecimal të ngjyrave HTML

Vendosja e ngjyrës së elementeve HTML me kodet dhjetore të modelit RGB nuk është shumë i përshtatshëm (dhe për momentin jo të gjithë shfletuesit e mbështesin këtë mënyrë të manipulimit të ngjyrave), pasi shënimi nuk do të jetë më kompakti, është shumë më i përshtatshëm të vendosni ngjyrën e elementeve HTML duke përdorur vlera heksadecimal. Në figurën më poshtë, mund të shihni se si konvertohen vlerat dhjetore në heksadecimal.

Për ata që nuk janë të njohur me sistemin e numrave heksadecimal, duhet të jepet një shpjegim i vogël në mënyrë që ta keni lehtësisht manipuloni ngjyrën e elementeve HTML duke përdorur kodet e modelit hex RGB. Së pari, sistemi i numrave dhjetor është quajtur kështu sepse çdo numër mund të merret nga një kombinim i dhjetë shifrave (terminologjia është e rëndësishme: ka një ndryshim midis një numri dhe një shifre): 0, 1, 2, 3, 5, 6, 7, 8, 9.

Në sistemin heksadecimal të numrave, çdo numër mund të shkruhet duke përdorur një kombinim të gjashtëmbëdhjetë shifrave: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, a, b, c, d, e, f. Për lehtësinë e të kuptuarit, mund të konsideroni se a është dhjetë dhe f është pesëmbëdhjetë. Për shembull, numri gjashtëmbëdhjetë do të shkruhet në heksadecimal si më poshtë: 10. Dhe numri 255 do të shkruhet si ff.

Tani le të shohim se si mundemi vendosni ngjyrën e elementeve HTML duke përdorur vlera heksadecimal, ne përsërisim shembullin tonë të mëparshëm, duke zëvendësuar kodet dhjetore të ngjyrave me homologët e tyre heksadecimal:

Shënim: ngjyra e shkrimit në HTML në format heksadecimal është disi më kompakte se në dhjetor është i pari. Së dyti: fuqia e secilit qendër të vëmendjes përcaktohet nga numrat nga 0 në 255. Shkrimi i numrit 255 kërkon dy shifra në format heksadecimal (ff = 250), kështu që ndriçimi i çdo kanali me ngjyra (projektorët tanë e quajnë saktë kanalin e ngjyrave, kanalin e ngjyrave ) vendoset me dy shifra nga 0 në f.

Ju lutemi vini re: ndriçimi i çdo kanali ngjyrash vendoset veçmas, por nëse imagjinojmë se ky është një numër i vetëm, atëherë numri maksimal i mundshëm në sistemin heksadecimal të modelit RGB është ffffff, ai do të na japë ngjyrë të bardhë dhe në sistemi dhjetor është: 16 777 215. Një numër i tillë ngjyrash dhe nuancash ju lejon të vendosni / përdorni modelin RGB. Ky numër vjen nga fakti se çdo kanal me ngjyra ka 256 vlera të shkëlqimit (nga 0 në 255), përkatësisht: 256*256*256 = 16,777,215.

Vlerat heksadecimal të ngjyrave HTML janë më kompakte dhe përshkruese, shumica e stilistëve të uebit dhe dizajnerëve të faqosjes përdorin vlera heksadecimal për manipulimin e ngjyrave në HTML, kështu që ju rekomandojmë që të mos mësoheni me shënimin dhjetor të ngjyrës, por të përdorni menjëherë heksadecimal.

Është e qartë se në fillim do të jetë e vështirë për një stilist rishtar ose stilist të lundrojë në formën heksadecimal të shënimit të ngjyrave, prandaj, pothuajse çdo redaktues grafik ka një të ashtuquajtur gamë ngjyrash që ju lejon të zgjidhni ngjyrën e dëshiruar dhe të merrni kodi i tij për modele të ndryshme ngjyrash në sisteme të ndryshme numrash.

Disa redaktues teksti, si p.sh., kanë shtesa paletash që ju vijnë në ndihmë kur dëshironi të zgjidhni shpejt një ngjyrë dhe ta ndryshoni atë. Në këtë drejtim, nuk mund të them asgjë.

Emrat e ngjyrave në HTML

Atributet HTML mund të marrin si vlerë jo vetëm kodet dhjetore dhe vlerat hex, por edhe emra të veçantë ngjyrash. Ndryshimi i ngjyrës së një elementi HTML duke përdorur emrin e tij nuk është një ide e mirë. Së pari, kodi i modelit RGB fshihet pas emrit të ngjyrës në HTML, dhe së dyti, çdo shfletues shfaq ngjyrën e elementit HTML të specifikuar duke përdorur emrin ndryshe, kjo varet vetëm nga dëshira e zhvilluesve të shfletuesit.

Kështu që përdorimi i një emri ngjyrash në HTML është i vjetëruar. Modeli RGB varet nga hardueri dhe ngjyra e specifikuar duke përdorur emrin varet nga shfletuesi dhe madje edhe versioni i tij. Le të përpiqemi të ngjyrosim elementet e një faqeje HTML duke përdorur një emër:

Siç mund ta imagjinoni, ka shumë ngjyra dhe nuanca. Vlen të përmendet këtu se atributet HTML nuk ju lejojnë të vendosni një gradient, kjo është e mundur në CSS, por ne do të flasim për këtë në një postim tjetër. Dhe ka emra për shumë ngjyra në HTML. Mund të gjeni një tabelë me emrat e ngjyrave në HTML dhe kodet e tyre RGB në faqen time të internetit.

Tabela e mësipërme tregon çfarë ngjyre do të marrë një element HTML nëse i jepni një emër. Kjo tabelë mbledh 16 ngjyra dhe emrat e tyre që janë miratuar nga W3C dhe duhet të shfaqin të njëjtat në çdo shfletues. Por në fakt, në HTML, mund të përdorni rreth 200 emra ngjyrash që mbështeten nga shfletuesit kryesorë, si: Opera, Chrome, Firefox, Safari, Internet Explorer (kjo deklaratë është shumë e diskutueshme për këtë të fundit).

Paleta e ngjyrave në HTML

Në fakt nuk ka zgjedhës ngjyrash në html. Le të kujtojmë përkufizimin e fjalës paleta. Një paletë është një tabelë e vogël e hollë drejtkëndëshe ose ovale, në të cilën artisti përzien bojërat dhe merr të gjitha llojet e ngjyrave. Ndonjëherë një vrimë e gishtit të madh bëhet në paletë për ta bërë atë të rehatshme për t'u mbajtur. Një imazh i paletës mund të gjendet më poshtë. Prandaj, nuk ka asnjë paletë në HTML.

Por në redaktues të ndryshëm teksti ka shtojcat e paletës së ngjyrave që ndihmojnë zgjidhni shpejt ngjyrën e një elementi HTML. Ekziston edhe një gamë ngjyrash në redaktorët grafikë, sepse nuk është shumë e përshtatshme dhe argëtuese për një stilist të ulet dhe të llogarisë: çfarë ngjyre do të merret me një shkëlqim të veçantë të një kanali të caktuar. Në figurën më poshtë mund të shihni paletën më të thjeshtë të redaktuesit të Paint.

Vini re se shumë module dhe shtesa të paletës së ngjyrave ju lejojnë të merrni një kod ngjyrash jo vetëm në formatin RGB / RGBA, por edhe në formatin e modeleve të tjera. Mbani mend se nuk ka asnjë paletë në HTML, mirë, veç se je artist deri në palcë dhe emërtoni paletën e ngjyrave të faqes HTML ato ngjyra, të cilat u përdorën për ta dekoruar atë (në fund të fundit, nganjëherë paleta quhet ngjyrat që përdor ky apo ai artist, ose ngjyrat që janë përdorur për të krijuar këtë apo atë fotografi).

Mësoni të ndryshoni ngjyrën e tekstit në HTML

Ne kemi shumë teori rreth ngjyrave në HTML le të zbresim në praktikë dhe të provojmë punoni me ngjyrat e elementeve HTML. Gjëja e parë që do të mësojmë të bëjmë - ndryshoni ngjyrën e tekstit në dokumentin html duke përdorur atribute dhe etiketa të veçanta. Hapni çdo redaktues dhe shkruani kodin e mëposhtëm në të:

Mësoni të punoni me ngjyra në HTML

Ndrysho ngjyrën e tekstit

Për të ndryshuar ngjyrën e tekstit, ne mund të përdorim atributin unik të elementit të tekstit BODY, dhe mund të përdorim gjithashtu elementin FONT dhe atributin e tij të ngjyrës. Ky tekst do të jetë gri.

Unë do ta ruaj këtë skedar si color.html dhe do t'ju këshilloj të mos harroni për . Shënimi i ngjyrave dhjetore nuk mbështetet nga Chrome, Firefox dhe Opera, por IE e kupton këtë shënim ngjyrash dhe thekson kokën HTML në të gjelbër:

Është e saktë të thuhet jo ndryshimi i ngjyrës së tekstit në HTML, por ndryshimi i ngjyrës së fontit në HTML. Pro

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:

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:

Fatkeqësisht, nuk është ende e mundur të shfaqen ndjesitë e shijes në sit. Por kjo mund të kompensohet plotësisht me ndihmën e ngjyrave. Në fund të fundit, ngjyrat html ju lejojnë të shfaqni ndonjë nga miliona hije. Kështu që " lapsa me ngjyra” në grupin e tij është shumë më tepër se shtatë.

skema e ngjyrave në html

Në html, ngjyra mund të specifikohet në disa formate:

1. Si vlerë heksadecimal - përdoret kodi i specifikuar në sistemin heksadecimal. Kode të tilla ngjyrash në html përbëhen nga tre çifte numrash heksadecimalë. Çdo palë është përgjegjëse për ngopjen e nuancës me ngjyrën e saj kryesore:

• Çifti i parë numerik është përgjegjës për ngjyrën e kuqe;
• Çifti i dytë është për përmbajtjen e ngjyrës së gjelbër;
• Kjo e fundit është për përmbajtjen e ngjyrës blu.

Në fillim të kodit (përpara numrave), vendoset një shenjë hash. Ky është kodi heksadecimal i ngjyrave. Përveç numrave nga 1 deri në 9, ky sistem numrash përdor shkronja të alfabetit latin (A, B, C, D, E, F).

Për shembull, kodi i ngjyrës së bardhë në html do të duket si #FFFFFF:

2. Fjalë kyçe - Tani për tani html mbështet rreth 147 fjalë kyçe. Por jo të gjitha këto fjalë janë unike. Disa prej tyre i referohen të njëjtës nuancë ngjyrash.

Gri përfaqësohet nga dy fjalë kyçe: gri dhe gri. Kodi i tyre heksadecimal (HEX) jepet me të njëjtën vlerë #808080.

Shembull:

#808080

3. Në formatin RGB - ky kodim i ngjyrave në html bazohet në përdorimin e tre vlerave të vendosura në rangun nga 0 në 255. Secila prej tyre përcakton ngopjen e nuancës me një nga ngjyrat kryesore:

• R - e kuqe (e kuqe);
• G - jeshile (jeshile);
• B - blu (blu).

Numri i ngjyrës në formatin RGB shkruhet si më poshtë: rgb(0, 210, 100).

ngjyra e sfondit: rgb(100,186,43)

4. Në formatin RGBA - është një format i avancuar RGB, ku vlera e katërt përcakton transparencën e ngjyrës në formën e një fraksioni dhjetor nga 0 në 1.

Shembull përdorimi:

ngjyra e sfondit: rgba(100,86,143,0.2)

ngjyra e sfondit: rgba (100,86,143,0.5)

ngjyra e sfondit: rgba(100,86,143,0.8)

ngjyra e sfondit: rgba (100,86,143,1)

Tabelat e ngjyrave html dhe gjeneruesit e ngjyrave

Me një gamë kaq të gjerë të formateve të vendosjes së ngjyrave, është e lehtë të ngatërrohesh. Prandaj, u shpik një tabelë e veçantë me ngjyra. Në të, në 147 emrat kryesorë të nuancave të ngjyrave, kodet e korrespondencës janë dhënë në të gjitha standardet kryesore të përfaqësimit të ngjyrave. Për më tepër, çdo fushë është e pajisur me një shirit për përputhjen vizuale të ngjyrave. Një nga këto tabela është paraqitur në faqen colorscheme.ru:

Por edhe me ndihmën e një strukturimi të tillë të korrespondencës, zgjedhja e hijes së dëshiruar mund të jetë e vështirë. Dhe nuk është fakt që ekziston e duhura në tabelën e kodit të ngjyrave.

Për të kapërcyer këtë pengesë dhe për ta bërë sa më të lehtë zgjedhjen e hijes së duhur, janë zhvilluar shërbime interaktive në internet. Ndërfaqja e tyre e përdoruesit mund të ndryshojë pak nga njëra-tjetra.

Në faqen html-color-codes.info, gjeneratori i ngjyrave duket kështu:

Dhe brenda shërbimit color-picker.appsmaster.co, ky mjet zbatohet pak më ndryshe:

Ngopja e secilës ngjyrë në gjenerator vendoset duke përdorur rrëshqitës të veçantë. Vizualisht, nuanca shfaqet nga ngjyra e kornizës dhe drejtkëndëshit në anën e majtë. Në fund, 3 fusha shfaqin kodin e ngjyrave në formatet kryesore.

Por gjeneruesi i ngjyrave është i disponueshëm jo vetëm në faqet e specializuara. Pothuajse të gjithë redaktorët grafikë janë të pajisur me një mjet të ngjashëm. Për shembull, Photoshop:

Siguria e ngjyrave

Dhe ishte shumë kohë më parë, në epokën e kartave video që mbështesin vetëm 256 ngjyra. Në ato ditë, sistemet operative mund të shfaqnin vetëm një numër të caktuar nuancash tetë-bitësh pa shtrembërim.

Pastaj u edukua tabela e madhe e ngjyrave të sigurta. Ai tregoi 216 hije që mund të shfaqeshin pa shtrembërim në asnjë nga shfletuesit e asaj kohe. Dhe sot e kësaj dite kjo dorëshkrim i madh» është ende i disponueshëm në disa burime:

Gjithçka ka ndryshuar në kohën tonë. Prandaj, të gjitha rregullat e sigurisë kur punoni me ngjyra në html anulohen plotësisht. Në fund të fundit, pajisja moderne e kompjuterit mbështet më shumë se 16 milionë nuanca të ndryshme. Dhe 216 ngjyra të sigurta janë zhytur në harresë.

Këto të dhëna mbështeten plotësisht nga statistikat. Duke gjykuar nga ajo, në vitin 2014 vetëm 0.5% e përdoruesve kanë kompjuterë që mbështesin vetëm 256 nuanca.

Bazat e harmonisë së ngjyrave

Jo të gjithë ne jemi të pajisur me një ndjenjë harmonike natyrore shijeje. Prandaj, zgjedhja e ngjyrës së duhur mund të jetë një sfidë e vërtetë. Por, lavdërimi i shkencës, ajo madje arriti të përshkruajë harmoninë e ngjyrave në formën e disa skemave. Të gjitha ato bazohen në përdorimin e rrotës së ngjyrave. Skemat e përputhjes së ngjyrave në html:

• Skema paralele e ngjyrave - kur të dy nuancat në rrotën e ngjyrave janë paralele;
• Skema triadike - në zemër të të gjitha qoshet e trekëndëshit është një nga ngjyrat;
• Monokromatik - kur përzgjidhen disa nuanca të afërta të së njëjtës ngjyrë;
• Analog - një version më i avancuar i skemës monokromatike. Në këtë rast, nuancat e së njëjtës ngjyrë janë në një distancë të caktuar.

Zbatimi i të gjitha këtyre skemave është i përfaqësuar mirë brenda shërbimit paletton.com. Kjo ju lejon të kryeni me lehtësi një përzgjedhje harmonike të ngjyrave.