Ngjyra indigo në Word. Emrat e ngjyrave dhe nuancave

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) është 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 anglisht(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.

Paleta e ngjyrave dhe nuancave të përdorura nga artistët dhe stilistët është thjesht e mahnitshme. Dhe falë ndryshimit të tendencave, fashionistet në mbarë botën po studiojnë me po aq zell skemat e ngjyrave, ashtu si revistat e modës. Kështu, pas shqyrtimit më të afërt, ngjyra e verdhë e njohur ndahet në: mustardë, flori, limon, shafran, kanarina, dardhë, misër, çarter, gonxhe pranverore, e verdhë dahlia, mandarinë, ar antik... dhe kjo nuk është një listë e plotë. nga nuancat e saj! Si të kuptoni shumëllojshmërinë ekzistuese të hijeve, dhe më e rëndësishmja - a është fare e nevojshme? Në fund të fundit, perceptimi i ngjyrës është thjesht subjektiv, ai ndikohet jo vetëm nga faktorët kulturorë, por edhe nga ata fiziologjikë (aftësia e syrit për të dalluar nuancat e ngjyrës ndryshon nga personi në person nga natyra). Për më tepër, një nuancë mund të duket më e ngrohtë ose më e ftohtë në varësi të ngjyrave që e rrethojnë.

Ngjyra dhe nuanca të ftohta

Për të demonstruar qartë vazhdimësinë e tranzicionit të ngjyrave dhe nuancave, përdoret një rrotë ngjyrash. Ai bazohet në tre ngjyra: e kuqe, e verdhë dhe blu. Kur i përziejmë këto ngjyra me njëra-tjetrën, marrim ngjyra të ndërmjetme: portokalli, jeshile dhe vjollcë. Të gjitha nuancat e tjera përftohen duke përzier këto ngjyra me njëra-tjetrën, si dhe me të zezën dhe të bardhën.

Ekzistojnë tre mënyra kryesore për të shfaqur rrotën e ngjyrave, megjithëse ato janë në thelb e njëjta gjë.

Baza e ngjyrave të ftohta është një nuancë kaltërosh. Nëse, kur shikoni një ngjyrë, mund të imagjinoni se bluja, gri ose - kjo nuancë është e ftohtë - shkëlqen përmes saj.

Nuancat e ftohta janë:

• e kuqe e errët;

• cochineal;

• e kuqe flakë;

• alizarin;

• i kuq i kuq;

• kardinal;

• magenta;

• patëllxhan;

• wisteria;

• limoni;

• taup;

• lodh;

• akuamarinë;
• indigo;

• blu prusiane;

• gridperleft;

• antracit;

• Marengo.

Nuancat e ngrohta të ngjyrave

Duhet të kihet parasysh se perceptimi i shumë nuancave varet nga ngjyrat aty pranë. Shprehja "gjithçka dihet në krahasim" është shumë e rëndësishme për temperaturën e ngjyrës. Edhe midis nuancave të së njëjtës shkallë të temperaturës, mund të gjeni nuanca më të ngrohta dhe më të ftohta. Mënyra më e lehtë për të krahasuar nuancat është me një neutral (për shembull, të bardhë). Nuancat e ngrohta të ngjyrave do të kenë një "shkëlqim" të verdhë, të kuqe ose rozë.

Këto përfshijnë:

Përveç kësaj, ekzistojnë edhe të ashtuquajturat ngjyra neutrale:

Për kombinimin e duhur të ngjyrave dhe nuancave, duhet të mësoni të dalloni tonet e ngrohta nga ato të ftohta. Ekzistojnë tre mënyra për të krijuar kompozime me ngjyra.

Për të parën prej tyre, zgjidhen disa nuanca të së njëjtës ngjyrë. Kjo metodë është e përshtatshme për krijimin e ansambleve të matura dhe elegante.

Për të dytën, kombinohen ngjyrat ngjitur (të vendosura pranë njëra-tjetrës në rrotën e ngjyrave).

Metoda e tretë përdor ngjyra plotësuese (të vendosura në pjesë të kundërta të rrotës së ngjyrave). Në këtë mënyrë, përftohen kompozimet më tërheqëse, efektive.

Siç mund ta shihni, ende ia vlen të mësoni të dalloni ngjyrat dhe nuancat e ngrohta dhe të ftohta, por nuk është aspak e nevojshme të mësoni përmendësh emrat e secilit prej dhjetëra toneve dhe gjysmëtoneve. Edhe nëse jeni stilist apo stilist, do të jetë më e lehtë të mbani me vete disa paleta ngjyrash me emra sesa t'i mbani vazhdimisht parasysh ngjyrat. Plus, është shumë më e lehtë të tregosh një shembull të ngjyrës sesa të përpiqesh të shpjegosh ndryshimin midis, për shembull, të kuqes indiane, salmonit dhe koraleve të lehta.

Përshëndetje, të dashur lexues të faqes së blogut. Unë vazhdoj të botoj artikuj në seksionin "". Sot dua të flas për ngjyrat në kodin HTML dhe CSS, t'u shpjegoj atyre që nuk janë ende të vetëdijshëm se si mund t'i vendosni ato, si formohen, si të përdorni programe të krijuara posaçërisht për këtë për të kërkuar ose për të kapur ngjyrën e dëshiruar, dhe shumë më tepër.

Çështja e specifikimit të hijes së dëshiruar mund të jetë veçanërisht e rëndësishme për webmasterët fillestarë, kur kodet e dhëna në dokumentin në internet nuk janë plotësisht të qarta (për shembull, #f3af6c) dhe nuk është e qartë se si dhe ku mund të merret ky informacion (ku të gjeni Html dhe Ngjyrat CSS), dhe si t'i përdorni ato për të hartuar një tekst ose ndonjë bllok tjetër të një dokumenti ueb.

Më lejoni t'ju kujtoj se ne jemi njohur tashmë me parimet themelore të përdorura në. Ne gjithashtu kemi parë tashmë etiketat dhe kemi mësuar, kemi mësuar shumë dhe si.

Kodet dhe tabela e ngjyrave bazë RGB

Është mjaft logjike që në gjuhën e shënjimit të hipertekstit dhe fletët e stilit kaskadë të ekzistojë mundësia e dizajnit me ngjyra të dokumenteve, sepse në ndryshe faqet do të ishin shumë të mërzitshme dhe të të njëjtit lloj. Për ta bërë këtë, ata zakonisht përdorin një model të quajtur RGB (një akronim që rrjedh nga tre fjalë angleze për të kuqe, jeshile dhe blu).

Në modelin RGB janë përdorur vetëm tre ngjyra (është e qartë se këto janë të kuqe, jeshile dhe blu), secila prej të cilave mund të përfaqësohet me nivele të ndryshme shkëlqimi i shkëlqimit. Për çdo kanal (e kuqe, jeshile dhe blu), mund të zgjidhni një nga 256 nivelet e mundshme të ndriçimit. Numri 256 është marrë sepse kaq shumë vlera hije mund të kodohen në një bajt informacioni.

Prandaj, për dokumentin tonë të internetit ne mund të zgjedhim çdo nuancë nga një numër i madh i atyre të mundshme (256*256*256). Për shembull, për të marrë të zezën, të tre kanalet e skemës së ngjyrave duhet të kenë një vlerë shkëlqimi zero, dhe për të marrë të bardhën, të kuqe, jeshile dhe blu duhet të kenë shkëlqim maksimal.

Le të përpiqemi tani të kuptojmë se si të vendosim ndriçimin në secilin kanal dhe sa mundësi kemi për këtë?

Në fakt, ekziston dy mënyra kryesore:

1. vendosja duke regjistruar ndriçimin për çdo kanal (e kuqe, jeshile dhe blu) në shënimin heksadecimal
2. detyrë duke futur emrin e ngjyrës në kodin e dokumentit në internet

Le të fillojmë me ato komplekse dhe të përpiqemi të kuptojmë se si të shkruajmë ngjyrat në kodin heksadecimal. Nëse do të donim, për shembull, të shkruanim kodin për të bardhën në sistemin dhjetor, do të merrnim kodin 256 256 256, dhe për të zezën - 0 0 0. Këtu, me siguri, gjithçka është e qartë.

Por në sistemin heksadecimal të numrave, përveç numrave arabë, përdoren edhe gjashtë shkronjat e para të alfabetit latin dhe ka specifikën e vet në formimin e numrave. Nuk mendoj se ia vlen të thellohet në këtë, por si shembull do të them se e bardha për Html mund të vendoset kështu: #ffffff dhe e zeza si kjo: #000000. ato. 00 korrespondon me 0 në shënimin dhjetor, dhe ff korrespondon me 256.

ato. për kanal Ngjyrat RGB Kodi CSS lejon dy shifra heksadecimal, kështu që shënimet e vlerave të ngjyrave përbëhen nga gjashtë shifra (ose shkronja që janë ekuivalente me shifrat në heksadecimal), të paraprirë nga një shenjë hash "#". Është mjaft e thjeshtë.

Për shembull, në tabelën e mëposhtme për nuancat më të thjeshta, hyrjet e tyre heksadecimal do të duken kështu:

Natyrisht, nuk jeni i detyruar të krijoni dhe krahasoni kodet e hijeve heksadecimal me ato që dëshironi të shihni në projektin tuaj në internet. Ju mund të zgjidhni ngjyrat për faqen në çdo redaktues grafik (madje edhe në ), ku ata patjetër do t'ju tregojnë një regjistrim të kësaj nuance në formatin RGB, ose do të gjeni një tabelë me ngjyra Html dhe do të kopjoni kodin që ju nevojitet nga atje.

Ngjyrat Yandex - zgjedhja e paletës së hijeve RGB në rezultatet e Yandex

Nuk dëshironi ta përdorni për këtë qëllim redaktues grafik apo kërkoni një tabelë me kode? Nuk ka problem. Lëvizni pak poshtë këtë faqe dhe do të gjeni shumë programe që janë specifike dhe të përshtatura posaçërisht për të punuar me ngjyra në kodin Html ose CSS.

Nëse kjo nuk ju përshtatet, atëherë thjesht hapeni dhe futeni në shiritin e kërkimit kërkesë me emrin e asaj hije, për të cilën jeni të interesuar (edhe pse thjesht mund të futni: gri-kafe-mjedër).

Si rezultat, në krye të rezultateve të kërkimit, do të shihni një tabelë-paletë shumë të përshtatshme Yandex.Colors për zgjedhjen e ngjyrave për faqen tuaj. Në këndin e poshtëm djathtas të kësaj palete mund të kopjoni kodin heksadecimal të hijes që ju nevojitet (ka një shenjë hash përpara), të cilën më pas thjesht duhet ta ngjitni në vendin e duhur në dokumentin tuaj të internetit.

E gjithë kjo realizohet falë të ashtuquajturës, e cila është krijuar për të ndihmuar dizajnerët dhe dizajnerët e paraqitjes.

Ju mundeni vendosni ngjyrën në shiritin e kërkimit Yandex, si në formën e emrit të tij ashtu edhe në formën e një kodi - si rezultat, do të shihni se si do të duket në ekran dhe, nëse është e nevojshme, mund të merrni shënimin e tij heksadecimal.

Në fakt, ky mjet mund të jetë i dobishëm përdoruesit e zakonshëm interneti, për shembull, për të kuptuar se si do të duken mobiljet në hijen e argjendit-kafe-mjedrës-njolla. Ju gjithashtu mund të shikoni një video në lidhje me përdorimin e këtij magjistari Yandex:

Disa ngjyra në gjuhën e shënjimit të hipertekstit mund të specifikohet duke përdorur fjalë, për shembull, "e zezë" do të thotë e zezë, "e bardhë" do të thotë e bardhë, etj. Por ka një paralajmërim. Prandaj, vendosja e ngjyrës është e mundur vetëm për një numër të kufizuar prej tyre.

Epo, së pari, ndoshta është e qartë se nuk do të jeni në gjendje të përfaqësoni të gjitha 16 milionë nuancat e mundshme në skemën RGB duke përdorur fjalë në çdo tabelë (do të lodheni duke e lëvizur nëpër të).

Së dyti, në validatorin W3C për specifikimin e gjuhës së shënjimit të hipertekstit 4.01 (ai mbështetet plotësisht nga të gjithë shfletues të mundshëm për momentin) janë përcaktuar vetëm 16 ngjyra, të cilat mund të specifikohen në kodin Html ose CSS me fjalët:

Ju gjithashtu mund të gjeni tabela shumë më të hollësishme të hijeve që mund të specifikohen me fjalë në kod, por ekziston mundësia që në disa shfletues kjo ngjyrë të mos shfaqet siç duhet.

Prandaj, përveç tabelës së 16 nuancave bazë të dhënë pak më lart, të gjitha ngjyrat e tjera duhet të specifikohen në kod. dokumente në internet duke përdorur vetëm shënimin heksadecimal, për të shmangur teprimet e panevojshme.

Përdorimi i kodeve dhe emrave të ngjyrave në webmastering

Aktiv për momentin i gjithë dizajni i jashtëm faqet e internetit lënë në CSS (kaskadë stilesh) dhe specifikimi i kodit të ngjyrave direkt në Html është jashtëzakonisht i rrallë, por gjithsesi ndodh. Për më tepër, ka situata kur është e pamundur të përdoren tabela të jashtme për një arsye ose një tjetër. Stilet CSS(për shembull, në rastin e krijimit të një lëshimi).

Prandaj, unë do të jap akoma një shembull të vendosjes së ngjyrave në Html, megjithëse në këtë rast ato tashmë do të përdoren etiketat që nuk rekomandohen nga vërtetuesi i W3C. Për shembull, më parë ngjyra për sfondin ishte vendosur në etiketën "BODY" përmes atributit "bgcolor" dhe teksti ngjyroset menjëherë në të gjithë faqen e internetit duke përdorur atributin "tekst".

Vendosja e nuancave të kërkuara në këtë rast mund të duket, për shembull, kështu:

Përmbajtja e dokumentit

Rezultati është një faqe interneti me sfond ngjyrë bezhë dhe font blu të errët. Përpara se CSS të hynte në përdorim, për të ndryshuar ngjyrën e shkronjave të çdo seksioni individual të tekstit, u përdor gjerësisht etiketa "FONT", e cila nuk rekomandohet më nga validatori W3C, në të cilën atributi "color" me të njëjtin emër u përfshi në vendosni ngjyrën:

seksioni i tekstit që duhej të ngjyrosej blu

Për të parë rezultatin e kodit të shkruar në ekran, duhet ta ruani këtë skedar me shtesën html dhe më pas ta hapni në çdo shfletues të përshtatshëm për ju.

Tani, në mënyrë që faqosja e faqes suaj të konsiderohet e vlefshme, rekomandohet vendosni ngjyrat e elementeve në fletën e stilit të kaskadës nëpërmjet rregullave dhe vetive të përshtatshme. Rregullat për një futje të tillë në CSS nuk janë të ndryshme nga ato të përshkruara më sipër.

Siç mund ta shihni, ndonjëherë për të shkurtuar shënimin e nuancës, përdoren jo gjashtë karaktere, por vetëm tre, nëse përputhen për secilin kanal - "#6с0" në vend të "#66с00".

Zgjidhni një ngjyrë nga paleta e një programi të veçantë ose kapeni atë nga ekrani

Siç shkrova pak më lart, skema e ngjyrave RGB (e kuqe, jeshile, blu) përdoret kudo. Për secilën nga tre ngjyrat kryesore, ka 256 gradime - nga 0 në 255 (nëse i konvertojmë këto vlera në sistemin e numrave heksadecimal, marrim - nga 00 në FF).

Sepse kemi tre ngjyra kryesore, nga kombinimi i të cilave formohen të gjitha nuancat e tjera, atëherë shënimi heksadecimal do të duket diçka si kjo: 99FF66 (hija e gjelbër). Duke shtuar # përpara tij, marrim kodin #99FF66, i cili mund të përdoret si në skedarë HTML ashtu edhe në stile. Vetëkuptohet që ju vetë nuk keni pse t'i kuptoni dhe mbani mend të gjitha këto marrëzi.

Për këtë ju mund të përdorni program të veçantë, duke ju lejuar të zgjidhni nuancën e dëshiruar në paleta (ose kapeni atë nga ekrani mjet si një pipetë) dhe merrni menjëherë kodin e tij. Ju nuk duhet të keni një program, por thjesht shkoni te Yandex dhe shkruani emrin e çdo ngjyre në shiritin e pyetjeve (kam shkruar për këtë pak më lart).

Këtu është një listë e programeve që ju lejojnë të zbatoni plotësisht të gjitha këto:

Ju uroj fat! Shihemi së shpejti në faqet e faqes së blogut

Ju mund të jeni të interesuar

Listat në kodin Html - etiketat UL, OL, LI dhe DL
Si të futni një lidhje dhe një fotografi (foto) në HTML - Etiketat IMG dhe A
Si të krijoni një hiperlink (A, Href, Target bosh), si ta hapni atë në një dritare të re në sit, dhe gjithashtu të bëni një foto një lidhje në kodin Html
Fonti (Fytyra, Madhësia dhe Ngjyra), Blockquote dhe etiketat para - formatimi i tekstit të trashëguar në HTML të pastër (pa duke përdorur CSS)
Tabelat në Html - etiketat Table, Tr dhe Td, si dhe Colspan, Cellpadding, Cellspacing dhe Rowspan për krijimin e tyre
Format HTML për sitin - etiketat Form, Input dhe Select, Option, Textarea, Label dhe të tjera për krijimin e elementeve të formës në ueb Zgjidh, Option, Textarea, Label, Fieldset, Legend - Etiketat Html për formën e listave rënëse dhe fushat e tekstit
img- Etiketa HTML për futjen e një fotografie (Src), përafrimin dhe mbështjelljen e tekstit rreth saj (rreshtoj), si dhe vendosjen e sfondit (sfondin)
Direktivat e komenteve dhe Doctype në kodin Html, si dhe koncepti i elementeve bllok dhe inline (etiketat)
Çfarë është gjuha e shënjimit të hipertekstit Html dhe si të shikoni një listë të të gjitha etiketave në validatorin W3C
Karakteret e hapësirës së bardhë dhe formatimi i tyre i kodit në Html, si dhe karaktere të veçanta të hapësirës që nuk prishen dhe kujtime të tjera

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

veti e ngjyrës

1. Ngjyrat prioritare: vetia e ngjyrës

Vetia vendos ngjyrën e fontit duke përdorur sisteme të ndryshme interpretimi i ngjyrave. Vetia përshkruan ngjyrën e përmbajtjes së tekstit të elementit. Për më tepër, përdoret për të siguruar një vlerë të mundshme indirekte (ngjyra aktuale) 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ëve kyçe kryesore përfshin kuptimet e mëposhtme:

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

Sintaksë

Ngjyra: kafe;

2.2. Vlerat numerike të ngjyrave

2.2.1. Ngjyrat e modelit RGB

Formati heksadecimal i një vlere RGB është një shenjë # e ndjekur menjëherë nga tre ose gjashtë karaktere heksadecimal. Shënimi treshifror RGB #rgb konvertohet në formën gjashtëshifrore #rrggbb duke kopjuar shifrat dhe jo duke shtuar zero. Për shembull, #fb0 zgjerohet në #ffbb00. Kjo siguron që #ffffff e bardhë mund të specifikohet në hyrjen e shkurtër #fff dhe heq çdo varësi nga thellësia e ngjyrës së ekranit.

Formati i një vlere RGB në shënimin funksional është rgb (e ndjekur nga një listë e ndarë me presje me tre vlera numerike (ose tre vlera të plota ose tre vlera përqindje) e ndjekur nga një simbol). 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.