Paletti Tal-kulur Tal-web

X'inhuma paletti tal-kulur tal-web?

Il-kuluri huma importanti ħafna għad-disinjaturi tal-web u d-disinjaturi grafiċi. Id-disinjaturi jiddeskrivu l-kuluri li niddeskrivu bħala blu, aħmar u aħdar fil-ħajja ta’ kuljum b’kodiċi bħal #fff002, #426215. Ma jimpurtax f'liema tip ta 'proġett ta' kodifikazzjoni li qed twettaq, x'aktarx tibda taħdem bil-kuluri f'xi punt. Dan ikun ta’ għajnuna speċjalment jekk titgħallem tikkodifika bl-użu tal-HTML, kif jagħmlu ħafna nies biex jiddisinjaw paġni tal-web.

Xi jfisser kodiċi Hex fil-kuluri?

Kodiċi Hex huwa mod kif tirrappreżenta kulur fil-format RGB billi tgħaqqad tliet valuri. Dawn il-kodiċijiet tal-kulur huma parti integrali mill-HTML għad-disinn tal-web u jibqgħu mod importanti biex jirrappreżentaw formati tal-kulur b'mod diġitali.

Kodiċi tal-kulur hex jibdew bis-sinjal tal-lira jew hashtag (#) segwit minn sitt ittri jew numri. L-ewwel żewġ ittri/numri jikkorrispondu għall-aħmar, it-tnejn li jmiss għall-aħdar u l-aħħar tnejn għall-blu. Il-valuri tal-kulur huma definiti f'valuri bejn 00 u FF.

In-numri jintużaw meta l-valur huwa 1-9. L-ittri jintużaw meta l-valur ikun akbar minn 9. Eż:

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

Kodiċi tal-kulur hex u ekwivalenti RGB

Il-memorizzazzjoni ta 'wħud mill-kodiċi tal-kulur hex l-aktar komuni tista' tkun ta 'għajnuna biex tgħinek tbassar aħjar liema kuluri oħra se jkunu meta tara l-kodiċi tal-kulur hex, mhux biss meta trid tuża dawk il-kuluri eżatti.

• Aħmar = #FF0000 = RGB (255, 0, 0)
• Aħdar = #008000 = RGB (1, 128, 0)v
• Blu = #0000FF = RGB (0, 0, 255)
• Abjad = #FFFFFF = RGB (255,255,255)
• Avorju = #FFFFF0 = RGB (255, 255, 240)
• Iswed = #000000 = RGB (0, 0, 0)
• Griż = #808080 = RGB (128, 128, 128)
• Fidda = #C0C0C0 = RGB (192, 192, 192)
• Isfar = #FFFF00 = RGB (255, 255, 0)
• Vjola = #800080 = RGB (128, 0, 128)
• Oranġjo = #FFA500 = RGB (255, 165, 0)
• Burgundy = #800000 = RGB (128, 0, 0)
• Fuchsia = #FF00FF = RGB (255, 0, 255)
• Ġir = #00FF00 = RGB (0, 255, 0)
• Aqua = #00FFFF = RGB (0, 255, 255)
• Teal = #008080 = RGB (0, 128, 128)
• Żebbuġ = #808000 = RGB (128, 128, 0)
• Navy Blue = #000080 = RGB (0, 0, 128)

Għaliex il-kuluri tal-websajt huma importanti?

Tista' taħseb li m'intix affettwat mill-kuluri, iżda skont studju, 85% tan-nies jgħidu li l-kulur għandu impatt kbir fuq il-prodott li jixtru. Jgħid ukoll li meta xi kumpaniji jibdlu l-kuluri tal-buttuni tagħhom, innutaw żieda jew tnaqqis qawwi fil-konverżjonijiet tagħhom.

Pereżempju, Beamax, kumpanija li timmanifattura skrins ta 'projezzjoni, innota żieda massiva ta' 53.1% fil-klikks fuq links ħomor meta mqabbla ma 'links blu.

Il-kuluri għandhom impatt kbir mhux biss fuq il-klikks iżda wkoll fuq ir-rikonoxximent tal-marka. Studju dwar l-impatt mentali tal-kuluri sab li l-kuluri jżidu r-rikonoxximent tad-ditta b’medja ta’ 80%. Pereżempju, meta taħseb fil-Coca-Cola, probabilment timmaġina bottijiet ħomor vibranti.

Kif tagħżel skema ta' kuluri għall-websajts?

Sabiex tiddeċiedi liema kuluri għandek tagħżel fuq il-websajt jew l-applikazzjoni tal-web tiegħek, l-ewwel irid ikollok fehim tajjeb ta 'dak li qed tbigħ. Per eżempju, jekk qed tipprova tikseb kwalità ogħla, immaġni high-end, il-kulur li għandek tagħżel huwa vjola. Madankollu, jekk trid tilħaq udjenza usa’, blu; Huwa kulur rassikuranti u artab li huwa adattat tajjeb għal suġġetti aktar sensittivi bħas-saħħa jew il-finanzi.

L-eżempji ta’ hawn fuq ġew ippruvati minn bosta studji. Iżda l-kulur li tagħżel għall-websajt tiegħek jiddependi fuq il-kumplessità tad-disinn tiegħek u t-tipi ta 'kombinazzjonijiet ta' kuluri. Pereżempju, jekk qed tuża paletta ta' disinn tal-web monokromi, jista' jkollok bżonn seba' sfumaturi jew aktar ta' dak il-kulur biex tikseb biżżejjed varjetà fuq l-iskrin. Ikollok bżonn tissettja kuluri għal ċerti partijiet tas-sit tiegħek, bħal test, sfondi, links, kuluri hover, buttuni CTA, u headers.

Issa "Kif tagħżel skema ta' kuluri għal websajts u applikazzjonijiet tal-web?" Ejja nagħtu ħarsa lejha pass pass:

1. Agħżel il-kuluri primarji tiegħek.

L-aħjar mod biex tiddeċiedi fuq kulur primarju huwa li teżamina l-kuluri li jaqblu mal-burdata tal-prodott jew is-servizz tiegħek.

Hawn taħt elenkajna xi eżempji għalik:

• Aħmar: Dan ifisser eċċitament jew kuntentizza.
• Oranġjo: Tindika ħin ta 'ħbiberija u divertenti.
• Isfar ifisser ottimiżmu u hena.
• Aħdar: Dan ifisser freskezza u natura.
• Blu: tirrappreżenta affidabilità u assigurazzjoni.
• Vjola: Jirrappreżenta marka distinta bi storja ta 'kwalità.
• Kannella: Dan ifisser prodott affidabbli li jista 'jintuża minn kulħadd.
• Iswed ifisser lussu jew eleganti.
• Abjad: Jirreferi għal prodotti stylish u faċli għall-utent.

2. Agħżel il-kuluri addizzjonali tiegħek.

Agħżel kulur addizzjonali wieħed jew tnejn li jikkumplimentaw il-kulur prinċipali tiegħek. Dawn għandhom idealment ikunu l-kuluri li jagħmlu l-kulur prinċipali tiegħek "isturdament".

3. Agħżel kulur fl-isfond.

Agħżel kulur fl-isfond li jkun inqas "aggressiv" mill-kulur primarju tiegħek.

4. Agħżel il-kulur tat-tipa.

Agħżel kulur għat-test fuq il-websajt tiegħek. Innota li font sewda solida hija rari u mhux rakkomandata.

L-aqwa paletti tal-kulur tal-web għad-disinjaturi

Jekk ma tistax issib il-kulur li qed tfittex fil-kollezzjoni tal-paletti tal-kulur tal-web Softmedal, tista’ tagħti ħarsa lejn is-siti tal-kulur alternattivi hawn taħt:

L-għażla tal-kulur hija proċess twil u ħafna drabi teħtieġ ħafna rfinar biex issib il-kuluri t-tajbin. F'dan il-punt, tista 'tiffranka l-ħin billi tuża applikazzjonijiet tal-web 100% b'xejn li joħolqu l-iskemi ta' kuluri rilevanti mill-bidu.

1. Paletton

Paletton hija applikazzjoni tal-web li d-disinjaturi tal-web kollha għandhom ikunu jafu. Daħħal kulur taż-żerriegħa u l-app tagħmel il-bqija għalik. Paletton hija għażla affidabbli u app tal-web kbira għal dawk li ma jafu xejn dwar id-disinn u għal dawk li jibdew.

2. Kulur Sikur

Jekk WCAG hija xi tħassib fil-proċess tad-disinn tiegħek, Color Safe hija l-aħjar għodda biex tuża. B'din l-applikazzjoni tal-web, tista 'toħloq skemi ta' kuluri li jħalltu perfettament u joffru kuntrast għani skond il-linji gwida WCAG.

Billi tuża l-app tal-web Color Safe, tiżgura li s-sit tiegħek jikkonforma mal-linji gwida WCAG u huwa kompletament aċċessibbli għal kulħadd.

3. Adobe Color CC

Hija waħda mill-għodod Adobe b'xejn maħluqa għall-użu pubbliku. Hija applikazzjoni tal-web elaborata fejn kulħadd jista 'joħloq skemi ta' kuluri mill-bidu. Jippermettilek tagħżel minn ħafna mudelli ta 'kulur differenti li l-aħjar jaqdu l-bżonnijiet tiegħek. L-interface jista 'jidher daqsxejn konfuż għall-ewwel, iżda ladarba tidra, m'għandux ikollok problema biex tagħżel għażliet ta' kulur sbieħ.

4. Ambiance

Ambiance, applikazzjoni tal-web b'xejn, toffri paletti tal-kulur tal-web magħmulin minn qabel minn siti oħra tal-kulur fuq il-web. Taħdem bħal web app tradizzjonali fejn tista’ tiffranka l-kuluri fil-profil tiegħek u toħloq l-iskemi tiegħek mill-bidu nett. Dawn il-paletti tal-kulur tal-web kollha ġejjin minn Colorlovers. L-interface Ambiance tagħmel il-browsing aktar faċli u tiffoka aktar fuq l-interazzjoni tal-kuluri għad-disinn tal-UI.

5. 0to255

0to255 mhuwiex eżattament ġeneratur ta 'skema ta' kuluri, iżda jista 'jgħinek tirfina skemi ta' kuluri eżistenti. L-app tal-web turik l-ilwien differenti kollha sabiex tkun tista' tħallat u tqabbel il-kuluri istantanjament.

Jekk issibha diffiċli biex toħloq skema ta 'kuluri li tista' tintuża, tista 'tirrevedi xi wħud mill-applikazzjonijiet ta' hawn fuq.

L-aqwa paletti tal-kulur tal-web

Is-siti li ġejjin jużaw varjetà ta 'paletti tal-kulur tal-web b'effett kbir. Dawn jintgħażlu bir-reqqa għall-emozzjonijiet li jqanqlu u l-emozzjonijiet li jwasslu.

1. Odopod

Odopod kien iddisinjat b'paletta tal-kulur monotona, iżda kellu l-għan li jevita li jidher boring bi gradjent fuq il-homepage tiegħu. Tipografija kbira toffri kuntrast kbir. Huwa ċar fejn il-viżitaturi jriduhom ikklikkja.

2. Għajn Tori

Tori's Eye hija eżempju tajjeb ta' skema ta' kuluri monokromi. Hawnhekk, jidhru l-effetti ta 'paletta tal-kuluri sempliċi iżda qawwija ċċentrata madwar sfumaturi ta' aħdar. Din l-iskema tal-kulur hija ġeneralment faċli biex tinġibed, peress li sfumatura waħda ta 'kulur wieħed kważi dejjem taħdem ma' sfumatura oħra tal-istess kulur.

3. Kit tas-Sopravivenza tal-Ġobon

L-aħmar huwa kulur popolari ħafna għal paletta tal-kulur tal-websajt. Jista 'jwassal taħlita rikka ta' emozzjonijiet, li jagħmilha versatili. Kif tistgħu taraw fuq il-websajt tal-Cheese Survival Kit, hija speċjalment qawwija meta tintuża f'dożi żgħar. L-aħmar huwa mrattab b'kuluri aktar newtrali, u l-blu jgħin fis-CTAs u oqsma oħra fejn in-negozju jrid jiġbed l-attenzjoni tal-viżitatur.

4. Ahrefs

Ahrefs huwa eżempju ta 'websajt li juża l-paletta tal-kuluri liberament. Il-blu skur jaġixxi bħala l-kulur predominanti, iżda jeżistu varjazzjonijiet fuq is-sit kollu. L-istess jgħodd għall-kuluri oranġjo, roża u turkważ.

Mistoqsijiet l-aktar frekwenti dwar il-kuluri

1. X'inhu l-aħjar kulur għal websajt?

Il-blu żgur huwa l-iktar għażla sikura peress li huwa l-aktar kulur popolari b'35%. Madankollu, jekk il-kompetituri tiegħek kollha qed jużaw il-blu, jista 'jagħmel sens li "tiddifferenzja" l-offerta u l-marka tiegħek. Imma trid tiżgura li ma tegħlebx lill-viżitaturi.

2. Kemm-il kuluri għandu jkollha l-websajt?

Ikkunsidra li 51% tal-marki għandhom logos monokromi, 39% jużaw żewġ kuluri, u 19% biss tal-kumpaniji jippreferu logos sħaħ. Minn hawn, tista 'tara li websajts b'kuluri 1, 2 u 3 jagħmlu aktar sens milli tipprova toħloq websajt b'kuluri tal-qawsalla. Madankollu, marki bħal Microsoft u Google jemmnu fil-vantaġġ li jaħdmu b'aktar kuluri peress li jużaw mill-inqas 4 kuluri solidi fid-disinji tagħhom.

3. Fejn għandi nuża l-kuluri?

Kuluri li jġibu l-għajn għandhom jintużaw ftit, inkella jitilfu l-effett tagħhom. Dan l-effett jeħtieġ li jkun f'punti ta 'konverżjoni bħal buttuni "Ixtri Issa".