Web Reňk Palitrasy

Web reňk paletleri näme?

Reňkler web dizaýnerleri we grafiki dizaýnerler üçin örän möhümdir. Dizaýnerler, gündelik durmuşda gök, gyzyl we ýaşyl diýip suratlandyrýan reňklerimizi # fff002, # 426215 ýaly kodlar bilen suratlandyrýarlar. Kodlaşdyrmagyň haýsy görnüşini ýerine ýetirseňizem, belli bir wagt reňkler bilen işläp başlarsyňyz. Web sahypalaryny dizaýn etmek üçin köp adamyň edişi ýaly HTML ulanyp kodlamagy öwrenseňiz, bu has peýdaly bolar.

Hex kody reňklerde nämäni aňladýar?

Hex kody üç bahany birleşdirip, reňkini RGB formatda görkezmegiň usulydyr. Bu reňk kodlary web dizaýny üçin HTML-iň aýrylmaz bölegidir we reňk formatlaryny sanly görnüşde görkezmegiň möhüm usuly bolup galýar.

Hex reňk kodlary funt belgisi ýa-da hastag (#) bilen başlaýar, ondan soň alty harp ýa-da san bar. Ilkinji iki harp / san gyzyl reňkde, indiki iki harp ýaşyl, soňky iki harp gök reňkde gabat gelýär. Reňk bahalary 00 bilen FF arasyndaky bahalarda kesgitlenýär.

Bahasy 1-9 bolanda sanlar ulanylýar. Bahalar 9-dan uly bolanda harplar ulanylýar. Mysal üçin:

• A = 10
• B = 11
• C = 12
• D = 13
• E = 14
• F = 15

Hex reňk kodlary we RGB ekwiwalentleri

Iň köp ýaýran heks reňk kodlaryny ýatda saklamak, diňe şol reňkleri ulanjak bolanyňyzda däl-de, alty reňk koduny göreniňizde başga reňkleriň nähili boljakdygyny has gowy çaklamaga kömek edip biler.

• Gyzyl = # FF0000 = RGB (255, 0, 0)
• Greenaşyl = # 008000 = RGB (1, 128, 0) v
• Gök = # 0000FF = RGB (0, 0, 255)
• Ak = #FFFFFF = RGB (255,255,255)
• Piliory = # FFFFF0 = RGB (255, 255, 240)
• Gara = # 000000 = RGB (0, 0, 0)
• Çal = # 808080 = RGB (128, 128, 128)
• Kümüş = # C0C0C0 = RGB (192, 192, 192)
• Sary = # FFFF00 = RGB (255, 255, 0)
• Gyrmyzy = # 800080 = RGB (128, 0, 128)
• Mämişi = # FFA500 = RGB (255, 165, 0)
• Burgundy = # 800000 = RGB (128, 0, 0)
• Fuksiýa = # FF00FF = RGB (255, 0, 255)
• Hek = # 00FF00 = RGB (0, 255, 0)
• Aqua = # 00FFFF = RGB (0, 255, 255)
• Çaý = # 008080 = RGB (0, 128, 128)
• Zeýtun = # 808000 = RGB (128, 128, 0)
• Deňiz gök = # 000080 = RGB (0, 0, 128)

Web sahypasynyň reňkleri näme üçin möhüm?

Reňkleriň täsiri ýok diýip pikir edip bilersiňiz, ýöne gözlegiň netijesine görä, adamlaryň 85% -i reňkiň satyn alýan önümine uly täsir edýändigini aýdýarlar. Şeýle hem, käbir kompaniýalar düwmeleriň reňklerini üýtgedenlerinde, özgerişleriniň düýpgöter ýokarlanandygyny ýa-da azalandygyny gördüler.

Mysal üçin, proýeksiýa ekranlaryny öndürýän “Beamax”, gök baglanyşyklara garanyňda gyzyl baglanyşyklara basylanda 53,1 göterim köpeldi.

Reňkler diňe bir basmak bilen çäklenmän, markanyň tanalmagyna hem uly täsir edýär. Reňkleriň akyl taýdan täsiri barada geçirilen gözleg, reňkleriň markanyň tanalmagyny ortaça 80% ýokarlandyrýandygyny görkezdi. Mysal üçin, Coca-Cola hakda pikir edeniňizde, janly gyzyl bankalary göz öňüne getirersiňiz.

Web sahypalary üçin reňk shemasyny nädip saýlamaly?

Web sahypaňyzda ýa-da web programmaňyzda haýsy reňkleri saýlamalydygyňyzy kesgitlemek üçin ilki bilen näme satýandygyňyza gowy düşünmeli. Mysal üçin, has ýokary hilli, ýokary derejeli şekile ýetjek bolsaňyz, saýlamaly reňkiňiz gyrmyzy. Şeýle-de bolsa, has giň tomaşaçylara ýetmek isleseňiz, gök; Saglyk ýa-da maliýe ýaly has duýgur mowzuklar üçin oňaýly we köşeşdiriji we ýumşak reňk.

Aboveokardaky mysallar köp gözlegler bilen subut edildi. Youröne web sahypaňyz üçin saýlan reňk dizaýnyňyzyň çylşyrymlylygyna we reňk kombinasiýalarynyň görnüşlerine baglydyr. Mysal üçin, monohrom web dizaýn palitrasyny ulanýan bolsaňyz, ekranda ýeterlik dürlüligi almak üçin şol reňkdäki ýedi ýa-da has köp öwüşgin gerek bolup biler. Sahypaňyzyň tekst, fon, baglanyşyklar, reňkler, CTA düwmeleri we sözbaşy ýaly käbir bölekleri üçin reňk bellemeli.

Indi “Web sahypalary we web programmalary üçin reňk shemasyny nädip saýlamaly?” Geliň oňa ädimme-ädim göz aýlalyň:

1. Esasy reňkleriňizi saýlaň.

Esasy reňk barada karar bermegiň iň gowy usuly, önümiňiziň ýa-da hyzmatyňyzyň keýpine laýyk reňkleri barlamakdyr.

Aşakda size käbir mysallary sanadyk:

• Gyzyl: Bu tolgunma ýa-da bagt diýmekdir.
• Mämişi: Dostlukly, gyzykly wagty aňladýar.
• Sary optimizm we bagt diýmekdir.
• Greenaşyl: tazelik we tebigat diýmekdir.
• Gök: ygtybarlylygy we kepilligi aňladýar.
• Gyrmyzy: Hil taryhy bilen tapawutlanan markany aňladýar.
• Goňur: Bu hemmeler tarapyndan ulanyp boljak ygtybarly önüm diýmekdir.
• Gara, kaşaňlygy ýa-da nepisligi aňladýar.
• Ak: Ajaýyp, ulanyjy üçin amatly önümlere degişlidir.

2. Goşmaça reňkleriňizi saýlaň.

Esasy reňkiňizi doldurýan bir ýa-da iki goşmaça reňk saýlaň. Iň gowusy, esasy reňkiňizi "haýran galdyrýan" reňkler bolmaly.

3. Fon reňkini saýlaň.

Esasy reňkiňize garanyňda has “agressiw” fon reňkini saýlaň.

4. Şriftiň reňkini saýlaň.

Web sahypaňyzdaky tekst üçin reňk saýlaň. Gaty gara şriftiň seýrek bolýandygyny we maslahat berilmeýändigini ýadyňyzdan çykarmaň.

Dizaýnerler üçin iň oňat web reňk palitrasy

“Softmedal” web reňk paletleri kolleksiýasynda gözleýän reňkiňizi tapyp bilmeseňiz, aşakdaky alternatiw reňk sahypalaryna göz aýlap bilersiňiz:

Reňk saýlamak uzyn bir prosesdir we dogry reňkleri tapmak üçin köplenç köp sazlamagy talap edýär. Bu pursatda, degişli reňk shemalaryny noldan döredýän 100% mugt web programmalaryny ulanyp wagtyňyzy tygşytlap bilersiňiz.

1. Paletton

Paletton, ähli web dizaýnerleriniň bilmeli web programmasy. Diňe tohum reňkini giriziň we programma galan zatlary size berýär. Paletton, dizaýn hakda hiç zat bilmeýänler we täze başlanlar üçin ygtybarly saýlaw we ajaýyp web programmasydyr.

2. Reňk ygtybarly

WCAG dizaýn işiňizde haýsydyr bir alada döredýän bolsa, Reňk Howpsuzlygy ulanmak üçin iň oňat guraldyr. Bu web programmasy bilen, ajaýyp birleşýän we WCAG görkezmelerine laýyklykda baý kontrast hödürleýän reňk shemalaryny döredip bilersiňiz.

Reňk ygtybarly web programmasyny ulanmak bilen, sahypaňyzyň WCAG görkezmelerine laýyk gelýändigini we hemmeler üçin doly elýeterlidigine göz ýetirýärsiňiz.

3. Adobe Reňk CC

Köpçülige ulanmak üçin döredilen mugt Adobe gurallarynyň biridir. Her kimiň noldan reňk shemalaryny döredip bilýän giňişleýin web programmasy. Islegleriňize laýyk gelýän köp dürli reňkli modelleri saýlamaga mümkinçilik berýär. Ilki bilen interfeýs birneme bulaşyk bolup görünmegi mümkin, ýöne öwrenişeniňizden soň owadan reňk wariantlaryny saýlamakda kynçylyk çekmeli däl.

4. Ambiance

Mugt web programmasy bolan Ambiance, webdäki beýleki reňk sahypalaryndan öňünden ýasalan web reňk palitralaryny hödürleýär. Adaty web programmasy ýaly işleýär, bu ýerde öz profiliňize reňkleri ýatda saklap we öz shemalaryňyzy noldan döredip bilersiňiz. Bu web reňk paletleriniň hemmesi “Colorlovers” -den gelýär. “Ambiance” interfeýsi göz aýlamagy aňsatlaşdyrýar we UI dizaýny üçin reňkleriň özara baglanyşygyna has köp üns berýär.

5. 0to255

0to255 takyk reňk shemasy däl, ýöne bar bolan reňk shemalaryny gowy düzmäge kömek edip biler. Web programmasy size reňkleri derrew garyşdyryp we deňeşdirip bilmek üçin dürli öwüşginleri görkezýär.

Ulanyljak reňk shemasyny döretmek kyn bolsa, ýokardaky programmalaryň käbirine göz aýlap bilersiňiz.

Iň oňat web reňk palitrasy

Aşakdaky saýtlar dürli effektli dürli reňkli palitralary ulanýarlar. Oýanýan duýgulary we ýetirýän duýgulary üçin seresaplylyk bilen saýlanýar.

1. Odopod

“Odopod” birmeňzeş reňk palitrasy bilen işlenip düzüldi, ýöne baş sahypasynda gradiýent bilen içgysgynç görünmezligi maksat edinýärdi. Uly tipografiýa uly kontrast hödürleýär. Gelip görýänleriň nirä basmagyny isleýändikleri düşnüklidir.

2. Toriniň gözi

Toriniň gözi monohrom reňk shemasynyň ajaýyp mysalydyr. Bu ýerde, ýaşyl reňkleriň töwereginde jemlenen ýönekeý, ýöne güýçli reňk palitrasynyň täsiri görünýär. Bu reňk shemasyny adatça çekmek aňsat, sebäbi bir reňkdäki bir kölege hemişe diýen ýaly şol bir reňkdäki başga bir kölege bilen işleýär.

3. Peýnirden halas ediş toplumy

Gyzyl, web sahypasynyň reňk palitrasy üçin iň meşhur reňk. Duýgularyň baý garyndysyny berip, köp taraply edip biler. Peýnir Survival Kit web sahypasynda görşüňiz ýaly, ownuk dozalarda ulanylanda has güýçli bolýar. Gyzyl has bitarap reňkler bilen ýumşadylýar, gök bolsa CTA-larda we işewürleriň ünsüni çekmek isleýän beýleki ugurlarynda kömek edýär.

4. Ahrefler

“Ahrefs” reňk palitrasyny erkin ulanýan web sahypasynyň mysalydyr. Mawy reňk agdyklyk edýän reňk hökmünde hereket edýär, ýöne saýtyň hemme ýerinde üýtgeşiklikler bar. Mämişi, gülgüne we firuzeli reňklerde-de edil şonuň ýaly.

Reňkler hakda köplenç berilýän soraglar

1. Web sahypasy üçin iň gowy reňk haýsy?

Mawy, iň ygtybarly reňk, sebäbi 35% bilen iň meşhur reňk. Şeýle-de bolsa, bäsdeşleriňiziň hemmesi gök ulanýan bolsa, teklibiňizi we markaňyzy "tapawutlandyrmagyň" manysy bar. Visitorsöne gelýänleri köpeltmeýändigiňize göz ýetirmeli.

2. Web sahypasynda näçe reňk bolmaly?

Markalaryň 51% -iniň monohrom nyşanlarynyň bardygyny, 39% -iniň iki reňk ulanýandygyny we kompaniýalaryň diňe 19% -iniň doly reňkli logotipleri halaýandyklaryny göz öňünde tutuň. Bu ýerden, 1, 2 we 3 reňkli web sahypalarynyň älemgoşaryň reňkli web sahypasyny döretmäge synanyşmakdan has manylydygyny görüp bilersiňiz. Şeýle-de bolsa, Microsoft we Google ýaly markalar has köp reňk bilen işlemegiň artykmaçlygyna ynanýarlar, sebäbi dizaýnlarynda azyndan 4 gaty reňk ulanýarlar.

3. Reňkleri nirede ulanmaly?

Gözüňi özüne çekiji reňkler az ulanylmaly, ýogsam täsirini ýitirer. Bu täsir "Indi satyn al" düwmeleri ýaly öwrülişik nokatlarynda bolmaly.