Interneto Spalvų Paletės

Kas yra interneto spalvų paletės?

Spalvos labai svarbios interneto dizaineriams ir grafikos dizaineriams. Dizaineriai apibūdina spalvas, kurias mes apibūdiname kaip mėlyną, raudoną ir žalią kasdieniame gyvenime, naudodami tokius kodus kaip #fff002, #426215. Nesvarbu, kokio tipo kodavimo projektą imsitės, greičiausiai kada nors pradėsite dirbti su spalvomis. Tai bus ypač naudinga, jei išmoksite koduoti naudodami HTML, kaip daugelis žmonių daro kurdami tinklalapius.

Ką Hex kodas reiškia spalvose?

Šešioliktainis kodas yra būdas vaizduoti spalvą RGB formatu, derinant tris reikšmes. Šie spalvų kodai yra neatskiriama interneto dizaino HTML dalis ir išlieka svarbiu būdu skaitmeniniu būdu atvaizduoti spalvų formatus.

Šešioliktainiai spalvų kodai prasideda svaro ženklu arba grotažyme (#), po kurios eina šešios raidės arba skaičiai. Pirmosios dvi raidės/skaičiai atitinka raudoną, kitos dvi – žalią, o paskutinės dvi – mėlyną. Spalvų reikšmės apibrėžiamos reikšmėmis nuo 00 iki FF.

Skaičiai naudojami, kai reikšmė yra 1–9. Raidės naudojamos, kai reikšmė didesnė nei 9. Pvz.:

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

Hex spalvų kodai ir RGB atitikmenys

Kai kurių dažniausiai naudojamų šešioliktainių spalvų kodų įsiminimas gali padėti geriau numatyti, kokios bus kitos spalvos, kai pamatysite šešioliktainį spalvų kodą, o ne tik tada, kai norite naudoti būtent tas spalvas.

• Raudona = #FF0000 = RGB (255, 0, 0)
• Žalia = #008000 = RGB (1, 128, 0) v
• Mėlyna = #0000FF = RGB (0, 0, 255)
• Balta = #FFFFFF = RGB (255 255 255)
• Dramblio kaulas = #FFFFF0 = RGB (255, 255, 240)
• Juoda = #000000 = RGB (0, 0, 0)
• Pilka = #808080 = RGB (128, 128, 128)
• Sidabras = #C0C0C0 = RGB (192, 192, 192)
• Geltona = #FFFF00 = RGB (255, 255, 0)
• Violetinė = #800080 = RGB (128, 0, 128)
• Oranžinė = #FFA500 = RGB (255, 165, 0)
• Bordo = #800000 = RGB (128, 0, 0)
• Fuksija = #FF00FF = RGB (255, 0, 255)
• Kalkės = #00FF00 = RGB (0, 255, 0)
• Aqua = #00FFFF = RGB (0, 255, 255)
• Žalioji = #008080 = RGB (0, 128, 128)
• Alyvuogių = #808000 = RGB (128, 128, 0)
• Tamsiai mėlyna = #000080 = RGB (0, 0, 128)

Kodėl svetainės spalvos yra svarbios?

Galbūt manote, kad spalvos jūsų neveikia, tačiau, remiantis tyrimu, 85% žmonių teigia, kad spalva turi didelę įtaką perkamam produktui. Jis taip pat sako, kad kai kurios įmonės pakeičia mygtukų spalvas, jos pastebėjo staigų konversijų padidėjimą arba sumažėjimą.

Pavyzdžiui, projekcinius ekranus gaminanti bendrovė „Beamax“ pastebėjo, kad raudonų nuorodų paspaudimų skaičius išaugo 53,1 %, palyginti su mėlynomis nuorodomis.

Spalvos turi didžiulę įtaką ne tik paspaudimams, bet ir prekės ženklo atpažinimui. Tyrimas apie spalvų poveikį psichikai atskleidė, kad spalvos padidina prekės ženklo atpažįstamumą vidutiniškai 80%. Pavyzdžiui, kai galvojate apie Coca-Cola, tikriausiai įsivaizduosite ryškias raudonas skardines.

Kaip pasirinkti spalvų schemą svetainėms?

Norėdami nuspręsti, kokias spalvas turėtumėte pasirinkti savo svetainėje ar žiniatinklio programoje, pirmiausia turite gerai suprasti, ką parduodate. Pavyzdžiui, jei bandote pasiekti aukštesnės kokybės, aukščiausios klasės vaizdą, spalva, kurią turėtumėte pasirinkti, yra violetinė. Tačiau jei norite pasiekti platesnę auditoriją, mėlyna; Tai raminanti ir švelni spalva, kuri puikiai tinka jautresnėms temoms, tokioms kaip sveikata ar finansai.

Aukščiau pateikti pavyzdžiai buvo įrodyti daugeliu tyrimų. Tačiau jūsų svetainės spalva priklauso nuo dizaino sudėtingumo ir spalvų derinių tipų. Pavyzdžiui, jei naudojate vienspalvę žiniatinklio dizaino paletę, jums gali prireikti septynių ar daugiau tos spalvos atspalvių, kad ekranas būtų pakankamai įvairus. Turite nustatyti tam tikrų svetainės dalių spalvas, pvz., tekstą, foną, nuorodas, užvedimo spalvas, raginimo veikti mygtukus ir antraštes.

Dabar „Kaip pasirinkti svetainių ir žiniatinklio programų spalvų schemą? Pažvelkime į tai žingsnis po žingsnio:

1. Pasirinkite pagrindines spalvas.

Geriausias būdas nuspręsti dėl pagrindinės spalvos yra išnagrinėti spalvas, atitinkančias jūsų produkto ar paslaugos nuotaiką.

Žemiau pateikiame jums keletą pavyzdžių:

• Raudona: reiškia jaudulį arba laimę.
• Oranžinė: reiškia draugišką, linksmą laiką.
• Geltona reiškia optimizmą ir laimę.
• Žalia: reiškia šviežumą ir gamtą.
• Mėlyna: reiškia patikimumą ir užtikrintumą.
• Violetinė: reprezentuoja išskirtinį prekės ženklą, turintį kokybės istoriją.
• Ruda: tai patikimas produktas, kurį gali naudoti visi.
• Juoda reiškia prabangą arba eleganciją.
• Balta: reiškia stilingus, patogius naudoti gaminius.

2. Pasirinkite papildomas spalvas.

Pasirinkite vieną ar dvi papildomas spalvas, kurios papildytų jūsų pagrindinę spalvą. Idealiu atveju tai turėtų būti spalvos, dėl kurių jūsų pagrindinė spalva yra „stulbinanti“.

3. Pasirinkite fono spalvą.

Pasirinkite fono spalvą, kuri bus mažiau „agresyvi“ nei pagrindinė spalva.

4. Pasirinkite šrifto spalvą.

Pasirinkite savo svetainės teksto spalvą. Atminkite, kad vientisas juodas šriftas yra retas ir nerekomenduojamas.

Geriausios interneto spalvų paletės dizaineriams

Jei Softmedal internetinių spalvų palečių kolekcijoje nerandate ieškomos spalvos, galite pažvelgti į toliau pateiktas alternatyvių spalvų svetaines:

Spalvų parinkimas yra ilgas procesas, todėl norint rasti tinkamas spalvas, dažnai reikia daug koreguoti. Šiuo metu galite sutaupyti laiko naudodami 100 % nemokamas žiniatinklio programas, kurios sukuria atitinkamas spalvų schemas nuo nulio.

1. Paletonas

„Paletton“ yra žiniatinklio programa, kurią turėtų žinoti visi interneto dizaineriai. Tiesiog įveskite sėklos spalvą ir visa kita programa padarys už jus. Paletton yra patikimas pasirinkimas ir puiki žiniatinklio programa tiems, kurie nieko nežino apie dizainą ir pradedantiesiems.

2. Spalva saugus

Jei WCAG kelia susirūpinimą jūsų projektavimo procese, Color Safe yra geriausia priemonė. Naudodami šią žiniatinklio programą galite sukurti spalvų schemas, kurios puikiai susilieja ir siūlo turtingą kontrastą pagal WCAG gaires.

Naudodami „Color Safe“ žiniatinklio programą užtikrinate, kad jūsų svetainė atitinka WCAG gaires ir yra visiškai prieinama visiems.

3. Adobe Color CC

Tai vienas iš nemokamų „Adobe“ įrankių, sukurtų viešam naudojimui. Tai sudėtinga žiniatinklio programa, kurioje kiekvienas gali kurti spalvų schemas nuo nulio. Tai leidžia jums pasirinkti iš daugybės skirtingų spalvų modelių, kurie geriausiai atitinka jūsų poreikius. Iš pradžių sąsaja gali atrodyti šiek tiek paini, tačiau pripratę prie jos neturėtų kilti problemų renkantis gražias spalvų parinktis.

4. Atmosfera

„Ambiance“, nemokama žiniatinklio programa, siūlo iš anksto sukurtas žiniatinklio spalvų paletes iš kitų spalvų svetainių internete. Tai veikia kaip tradicinė žiniatinklio programa, kurioje galite išsaugoti spalvas savo profilyje ir kurti savo schemas nuo nulio. Visos šios internetinės spalvų paletės yra iš „Colorlovers“. „Ambiance“ sąsaja palengvina naršymą ir daugiau dėmesio skiria spalvų sąveikai kuriant vartotojo sąsają.

5. 0-255

0to255 nėra tiksliai spalvų schemos generatorius, tačiau jis gali padėti patikslinti esamas spalvų schemas. Žiniatinklio programėlė rodo visus skirtingus atspalvius, kad galėtumėte akimirksniu maišyti ir derinti spalvas.

Jei jums sunku sukurti tinkamą spalvų schemą, galite peržiūrėti kai kurias aukščiau pateiktas programas.

Geriausios interneto spalvų paletės

Šios svetainės naudoja įvairias žiniatinklio spalvų paletes, kad pasiektų puikų efektą. Jie kruopščiai atrenkami atsižvelgiant į emocijas, kurias jie sukelia ir perteikiamas emocijas.

1. Odopodas

„Odopod“ buvo sukurta su monotoniška spalvų palete, tačiau jo pagrindiniame puslapyje buvo siekiama neatrodyti nuobodžiai su gradientu. Didelė tipografija suteikia puikų kontrastą. Aišku, kur lankytojai nori juos spustelėti.

2. Tori akis

Tori's Eye yra puikus monochrominės spalvų schemos pavyzdys. Čia matomi paprastos, bet galingos spalvų paletės, orientuotos į žalius atspalvius, efektai. Šią spalvų schemą paprastai lengva ištraukti, nes vienas vienos spalvos atspalvis beveik visada tiks su kitu tos pačios spalvos atspalviu.

3. Sūrio išgyvenimo rinkinys

Raudona yra itin populiari svetainės spalvų paletės spalva. Jis gali perteikti turtingą emocijų derinį, todėl jis yra universalus. Kaip matote Cheese Survival Kit svetainėje, jis yra ypač stiprus, kai naudojamas mažomis dozėmis. Raudoną spalvą sušvelnina neutralesnės spalvos, o mėlyna padeda CTA ir kitose srityse, kur verslas nori atkreipti lankytojo dėmesį.

4. Ahrefsas

„Ahrefs“ yra svetainės, kurioje spalvų paletė laisvai naudojama, pavyzdys. Tamsiai mėlyna yra vyraujanti spalva, tačiau visoje svetainėje yra įvairių variantų. Tas pats pasakytina apie oranžinę, rožinę ir turkio spalvas.

Dažniausiai užduodami klausimai apie spalvas

1. Kokia yra geriausia svetainės spalva?

Mėlyna neabejotinai yra saugiausias pasirinkimas, nes tai pati populiariausia spalva su 35 proc. Tačiau jei visi jūsų konkurentai naudoja mėlyną spalvą, gali būti prasminga „atskirti“ savo pasiūlymą ir prekės ženklą. Bet jūs turite įsitikinti, kad neužblokuosite lankytojų.

2. Kiek spalvų turėtų būti svetainėje?

Apsvarstykite, kad 51% prekių ženklų turi vienspalvius logotipus, 39% naudoja dvi spalvas ir tik 19% įmonių teikia pirmenybę spalvotiems logotipams. Iš čia galite matyti, kad svetainės su 1, 2 ir 3 spalvomis yra prasmingesnės nei bandymas sukurti svetainę su vaivorykštės spalvomis. Tačiau tokie prekių ženklai kaip „Microsoft“ ir „Google“ tiki darbo su daugiau spalvų pranašumu, nes savo dizaine naudojamos bent 4 vientisos spalvos.

3. Kur turėčiau naudoti spalvas?

Akį traukiančias spalvas reikėtų naudoti saikingai, kitaip jos praras savo efektą. Šis efektas turi būti konversijų taškuose, pvz., mygtukų „Pirkti dabar“.