de bedste Colorebstedsfarvepaletter for at øge engagementet i 2020

udløser det farveskema, du har valgt til dit websiteebsted, et ønsket svar? Finder du dig selv overvældet af antallet af potentielle farvepaletter på websiteebstedet?

alle har yndlingsfarver, de har tendens til at tynge mod, når det kommer til deres arbejde eller på anden måde.,

men en dygtig designer forstår vigtigheden af at evaluere et farveskema baseret på mærket, betydningen af farverne og de produkter eller tjenester, der fremmes.

gode farvevalg tage omhyggelig planlægning.

de kan påvirke, hvordan en besøgende fortolker, hvad de ser lige så meget som et siteebsteds layout og typografi — og når de er gjort godt, kan de have en positiv indflydelse på hver besøgendes evaluering af mærket som helhed.,

I denne artikel, vil vi tage et kig på, hvorfor du vælger de rigtige farver til dit websted spørgsmål, samt 23 forskellige farvepaletter fra virkelige steder, der er effektive i at snuppe de besøgendes opmærksomhed.

Hvorfor er dit farveskema så vigtigt?

før vi hopper ind i processen med at vælge et farveskema til dit siteebsted, er det vigtigt at forstå nøjagtigt, hvorfor dit colorebstedsfarveskema betyder så meget.

Når alt kommer til alt tænker du måske, at det er indholdet, der virkelig betyder noget. Og det er ikke usandt.

folk elsker indhold., De er tiltrukket af friske stemmer og lokkende information, men du er nødt til at fange deres opmærksomhed først. Det er her websiteebstedets farvepaletter kommer i spil.

Hvis du vælger det rigtige farveskema på websiteebstedet, får du muligheden for at sprænge dine besøgende med dit indhold.

Sådan gør du:

Opret mærkegenkendelse

dit siteebsted er i det væsentlige din virksomheds hjem online.

det betyder, at det skal være en nøjagtig repræsentation af dit brand. Og ud over det skal det være mindeværdigt nok, at brugerne vender tilbage efter deres første besøg.,mange af dine besøgende vil trods alt ikke være klar til at foretage et køb eller anden større konvertering under deres første besøg — og de skal huske din virksomhed for at komme tilbage og tage disse handlinger.

heldigvis øger farven mærkegenkendelse med 80%.

så hvis din virksomhed allerede har et etableret farveskema, er det vigtigt at medtage dette i dit siteebsteds design. Dette vil gøre det meget lettere for besøgende at straks forbinde det med andre steder, de har set dit brand.,

Plus, Hvis dit farveskema er konsistent på hele dit siteebsted, ved de, at de er kommet til det rigtige sted, når de vender tilbage, uanset den nøjagtige side, de lander på.

ud over at fortælle brugere, hvem din virksomhed er, spiller dit webebdesign også en vigtig rolle i brugernes snap-domme om dit brand.

ifølge en undersøgelse, 94 procent af de adspurgte navngivet webebdesign blandt de primære drivere af hjemmesiden første indtryk.

selvfølgelig involverer webebdesign meget mere end bare farve.,

men i betragtning af at farve er et af de mest oplagte elementer på dit .ebsted, og en af de eneste, en bruger kan skelne inden for de første 50 millisekunder, kan din palette foretage eller ødelægge en brugers vurdering af din virksomhed.

form hvordan besøgende føler om dit siteebsted

i en anden undersøgelse af, hvordan forbrugernes første indtryk dannes, er 90 procent af de indledende vurderinger baseret på farve alene.

til en vis grad er årsagen til dette klart.

Når alt kommer til alt er farve et af de nemmeste aspekter af en side at “forstå.,”Det kan vurderes næsten øjeblikkeligt og kræver ikke, at besøgende vurderer kopi eller anden meddelelse.

men det er også vigtigt at overveje den rolle, som farvepsykologien spiller i disse snap-domme.

mange virksomheder drager fordel af disse forbindelser, som illustreret af logoerne i det følgende diagram.

For eksempel, brands, der ønsker at skabe en følelse af kreativitet og fantasi har tendens til at inkorporere lilla i deres billedsprog, mens brands, der ønsker at etablere en følelse af balance og ro læne sig mod sort og hvid.,

dette binder direkte ind i den “personlighed”, du ønsker, at dit brand skal have.

I en undersøgelse om brand personlighed, psykolog og Stanford professor Jennifer Aaker konkluderede, at fem centrale dimensioner spiller en rolle i brandets personlighed:

Mærker kan nogle gange blandes træk, men for det meste, deres “personlighed” er primært centreret om én. Et firma, der sælger campingudstyr, for eksempel, ville identificere sig med “robusthed,” mens et modemærke muligvis sigter mod “sofistikering.,”

og som du kan se i logokortet ovenfor, kan farve spille en vigtig rolle i at vise forbrugerne, hvordan dit brands personlighed er.

selvom de fleste måske ikke bevidst er klar over, at et virksomheds røde logo er designet til at skabe en følelse af spænding, kan det stadig gøre netop det.

Og mens hver farve kan tjene til at skabe en bestemt følelse eller reaktion, visse farver er bedre valg end andre til størstedelen af mærker og hjemmesider.for eksempel betragtes blå ofte som det sikreste valg., Dette er til dels fordi det er den mest almindelige “favorit” farve blandt størstedelen af befolkningen.faktisk siger 57% af mændene og 35% af kvinderne, at det er deres yndlingsfarve.

så hvis du vil appellere til et bredt publikum, kan dette være et godt valg til dit .ebsted. I virkeligheden, dette kan være grunden til at nogle af de mest besøgte sites i dag, som Facebook og Twitter, bruge det til deres logoer og branding.

det er også værd at bemærke, at blå også ofte er forbundet med følelser af tillid, autoritet og pålidelighed.,

men det betyder ikke, at det er det bedste valg for hvert siteebsted. Det hele afhænger af den følelse, du vil formidle til dine besøgende.hvis dit brand for eksempel fokuserer på sundhed og wellellness, kan green være en bedre mulighed for at oprette denne forening. Og hvis du ønsker at få dine besøgende ophidset og køre dem til at handle hurtigt, rød kunne være mere effektiv til at hjælpe dig med at nå dette mål.

så når du vælger farver til dit siteebsted, skal du overveje de følelsesmæssige reaktioner, de måtte køre i dine besøgende.,hvis du for eksempel prøver at skabe en følelse af ro på dit yogastudios websiteebsted, er rød måske ikke det bedste valg — og det er bedst at vide det, før du investerer seriøse penge i dit design.

udvikl en følelse af orden

bortset fra de følelsesmæssige reaktioner, de individuelle farver, du vælger, kan fremkalde, er det også nødvendigt at overveje, hvordan farverne på dit siteebsted interagerer med hinanden.

den bedste måde at gøre det på er ved at se på et par grundlæggende principper for farveteori.,

Hvis du nogensinde har taget en kunstklasse eller kigget på designrelaterede ressourcer, har du sandsynligvis set noget, der ligner farvehjulet i grafikken ovenfor.

det mest almindelige koncept illustreret inden for dette hjul er forholdet mellem primære farver (rød, gul og blå) og de sekundære og tertiære farver, der dannes ved at blande dem sammen.

men ud over det kan dette hjul hjælpe dig med at skabe farveharmoni eller et visuelt behageligt arrangement af farver., En harmonisk palebdesignpalet kan hjælpe dig med at skabe en følelse af balance og orden.

Der er tre bredt accepterede typer farveskemaer, du kan bruge til at etablere denne type harmoni: Analog, monokromatisk og komplementær.

et analogt farveskema består af farver, der falder side om side på farvehjulet. Dette er en af de sværeste paletter at gøre godt, da farverne nemt kan overmande hinanden.

når det er sagt, er analoge farveskemaer også nogle af de mest levende.,

Så, hvis du ønsker at oprette en farverig, visuelt interessant site, kan du gøre godt med en palet, der ligner følgende tre eksempler:

En monokromatisk farve ordning falder på den modsatte ende af spektret, fra den forrige type. Som navnet antyder, består det af en hovedfarve, men intensiteten og letheden af nuancerne varierer.

disse paletter er nogle af de nemmeste at oprette og de “sikreste” at implementere, fordi forskellige nuancer af samme farve sjældent nogensinde kolliderer eller føler sig for travlt.,

Så hvis du går efter et relativt simpelt kig på dit websted, monokromatiske farveskemaer som disse tre kunne fungere godt for dit brand:

Endelig en supplerende palet falder et sted mellem analoge og monokromatisk ordninger i form af sort.

det er sammensat af farver, der ligger direkte modsat af hinanden på farvehjulet. Så mens det involverer flere farver, supplerer disse farver naturligvis hinanden og vil ikke overvælde besøgende.,

Hvis du ønsker at inkludere nogle forskellige i din farve ordning uden at gøre dit websted vises for travlt, er der en komplementær farve ordning, ligesom en af disse kunne være det perfekte valg:

selvfølgelig, disse tre er ikke de eneste typer af farver, du kan oprette. Faktisk varierer de bedste palet typer baseret på hvem du spørger.

et triadisk farveskema er en af de vigtigste muligheder.

dette farveskema involverer brug af tre farver, der er placeret 120 grader fra hinanden på farvehjulet., I grafikken ovenfor er disse farver orange, grøn og lilla.

Når du vælger dine farver, skal du huske, at de ovennævnte typer ikke er endelige regler. De kan give dig en generel ID.om den overordnede fornemmelse, du ønsker, at dit .ebsted skal have, men de er på ingen måde de eneste måder at oprette en palet, der fungerer for dit brand.

uanset hvilken type palette du går med, kan du bruge den til at oprette et hierarki med det vigtigste indhold på hver af dine sider.,

få visse elementer til at skille sig ud

som jeg nævnte i det foregående afsnit, kan en defineret farve websiteebstedspalet være nyttig til at betegne, at visse elementer er vigtige.

Du kan maksimere denne effekt ved at holde isoleringseffekten i tankerne, når du bestemmer, hvordan du bruger dit farveskema på dine sider.

den generelle id.bag dette psykologiske princip er, at jo mere et emne skiller sig ud, jo mere sandsynligt er det at blive bemærket og husket.,

sørg for, at de farver, du vælger, giver dig mulighed for at foretage visse opfordringer til handling, skiller sig ud på dine sider uden at kollidere med resten af dit design.

denne tilgang er også i overensstemmelse med de fleste forbrugers præferencer.

i to undersøgelser, æstetisk respons på farvekombinationer og forbrugerpræferencer for farvekombinationer, fandt forskere, at mens forbrugere foretrækker farvekombinationer med lignende nuancer, favoriserer de også paletter med en meget kontrasterende accentfarve.,

den første undersøgelse viste, at “par præference og harmoni både stige som nuance lighed stiger.”Men”, selvom par med stærkt kontrastive nuancer generelt vurderes at være hverken foretrukne eller harmoniske, figurfarvepræferencebedømmelser øges, når farvetone kontrast med baggrunden øges.”

i den anden undersøgelse fandt forskerne, at “folk generelt kan lide at kombinere farver, der er relativt tæt eller nøjagtigt matcher, med den undtagelse, at nogle mennesker fremhæver en signaturproduktkomponent ved at bruge kontrastfarve.,”

så selvom din accentfarve skal have en stærk kontrast, er det okay — og endda at foretrække — hvis resten af din palette består af relativt lignende nuancer.

dette betyder, at oprettelse af palebdesignpaletter, der inkluderer en stærk, opmærksomhedsfangende accentfarve, ikke kun er effektiv til at isolere visse elementer, men det er også en fantastisk måde at skabe en kombination, som mange af dine besøgende vil kunne lide.

forenkle designrelaterede beslutninger

Når det kommer til at drive et websiteebsted eller en virksomhed (eller begge dele!), er det altid en god ide at se efter måder at forenkle grundlæggende processer på.,jo mindre tid du bruger på grundlæggende opgaver, jo mere tid skal du bruge på processer og beslutninger, der har større indflydelse på din succes.

og etablering af palebdesignpaletter er en fantastisk måde at skære ned på den tid det tager at oprette nye sider. Når du har et etableret farveskema, gør du grundlæggende designvalg meget lettere, både for dig selv og for dine designere og udviklere.,

Dette er især tilfældet, hvis du tager dig tid til at dokumentere din palet i en let-til-brug måde, som denne virksomhed har:

Når du opretter en bruger-venligt dokument fra din palet, du producerer en at-a-glance ressource med alle de mulige indstillinger for hvert element.

På denne måde, hvis du (eller dine designere) har problemer med at bestemme hvilken farve der skal bruges til en CTA-knap, kan du blot henvise til dokumentet for en komplet liste over dine muligheder.,

så i stedet for at racking din hjerne for alle de forskellige muligheder, kan du vælge fra en forudindstillet liste over farver. Og når du først har valgt et par til at bruge eller teste, er alle HE. – og RGB-koderne allerede lige foran dig.

hvor mange farver skal du indarbejde?

det hele afhænger af kompleksiteten af dit design og typerne af farvekombinationer. For eksempel, hvis du bruger en monokromatisk palebdesignpalet, har du muligvis brug for syv eller endnu flere nuancer af den farve for at fange nok variation på skærmen.,

du ønsker at angive farver til bestemte dele af dit siteebsted, såsom tekst, baggrunde, links, link hover farver, CTA knapper, og overskrifter.

Sådan vælges et Colorebstedsfarveskema

Hvis du ikke er sikker på, hvordan du vælger de bedste farvepaletter til colorebdesign, kan du tjekke denne video, jeg oprettede. Det hjælper dig gennem praktiske tips til at vælge en hjemmeside farveskema.

ideelt set afspejler websiteebstedsfarvepaletter en virksomheds værdier, overbevisninger og formål., Høje farver kan indikere en mindre formel atmosfære og mere spænding, mens dæmpede farver giver en mere sofistikeret eller formel note til virksomheden.

men det er ikke altid let at oversætte, når du stirrer på tusindvis af potentielle farvekombinationer. Lad os se på 23 Store hjemmeside farvepaletter, der kan hjælpe dig med at øge engagement.

16 fantastiske Colorebstedsfarvepaletter for at øge engagementet (2020)

følgende sitesebsteder bruger forskellige colorebstedsfarvepaletter med stor effekt. De er nøje udvalgt for de følelser, de fremkalder, og de følelser, de formidler.,

Mea Cuppa

Mea Cuppa hjemmeside bruger et eye-tiltalende farve palet, der indeholder et par juvel toner (rubin og smaragd) for maksimal livlighed, men ellers bygger på en neutral, ensartet palet af brune og grå farver.

palebdesignpaletten fremkalder en kaffebarfølelse og afspejles i siteebstedets heltebillede, der skaber samhørighed.

Den Store Top

BigTop er et samfund, der er specialiseret i at hjælpe startups netværk., Theebstedet bruger en usædvanlig, men ekstremt opmærksomhedsfangende kombination af juveltoner, der spænder fra lilla og blå til lys orange og gul.

de primære farver er alle seje farver, hvilket får de varmere farver til at poppe. Du vil bemærke i hjemmesiden skærmbillede, at den orange og gule CTA griber din opmærksomhed før noget andet.

Tori ‘ s Eye

Vores tredje eksempel kommer fra Twitter visualisering af Tori ‘ s Eye. Dette er et godt eksempel på et stort set monokromatisk farveskema., Her ser vi virkningerne af en enkel, men kraftfuld farvepalet centreret omkring nuancer af grønt.

dette farveskema er ofte let at trække af, da en farvefarve næsten altid fungerer med en anden nuance af samme farve.

Barkbo.

den dominerende lyserøde farve på Barkbo. – hjemmesiden gentages over hele siteebstedet i forskellige nuancer. Det kontrasterer smukt med den blå farve, der bruges i logoer og CTA ‘ er på hele siteebstedet.,

brug af komplementære farver til at henlede besøgendes opmærksomhed, hvor du vil, det kan hjælpe med at forbedre enhver farvepalet på websiteebstedet.

ost Survival Kit

rød er en ekstremt populær farve til en websiteebstedsfarvepalet. Det kan formidle en rig blanding af følelser, hvilket gør det meget alsidigt. Det er særligt kraftfuldt, når det bruges i små doser, som du ser på Cheese Survival Kit-websiteebstedet.,

Den røde er hærdet med mere neutrale farver, og den blå hjælper pack en hulning for CTAs og andre områder, hvor virksomheden ønsker at henlede den besøgendes øjne.

Nordisk Ruby

Nordisk Ruby, en konference i Stockholm, som har en smuk hjemmeside designet i flotte juvel farver. Farverne valgt til denne hjemmeside farvepalet låne det raffinement og sætte det bortset fra mindre slagkraftige designs.,

Lake Nona

Lake Nona er en hjemmeside efter et bestemt sted — specielt en nær vandet. Derfor er det ikke overraskende at se en blå farve repræsenteret her. De andre neutrale farver lader det blå skille sig pænt ud.

LemonStand

Igen, der er ingen overraskelse, at et selskab ved navn Citron Stå ville have gult på sin hjemmeside farvepalet. Blues og grå par pænt med den gule og hjælpe temperere dens lysstyrke.,

Mint

Mint er en hjemmeside dedikeret til at finansiere, så brugen af grønne og blues, er gode valg. De hjælper med at formidle ro, fred og tillid. Neutrale nuancer i den brune familie gør det til en overordnet jordfarvepalet, der beroliger sanserne.

Odopod

Odopod går med monoton farve palet, men hjælper med at undgå at se kedeligt med en hældning på sin hjemmeside., Den store Typografi giver fremragende kontrast, og det er indlysende, hvor de vil have dig til at klikke.

Fiverr

Du vil måske bemærke, at mange virksomheder reservere en bestemt farve — i tilfælde af Fiverr, grøn — udelukkende for CTAs. Det vises ikke andre steder på siteebstedet. Faktisk blev det ikke engang hentet af ColorFav, fordi det domineres af de mere neutrale farver.,

Digital Photography School

Du ville forvente, at en virksomhed, der er centreret om den grafiske kunst har en kommanderende hjemmeside farve palet, og Digital Photography School skuffer ikke. De levende farver hjælper med at trække seeren ind. Og ligesom Fiverr vises den orange, der bruges i CTA, ikke engang på siteebstedets palette, fordi den bruges sparsomt til påvirkning.,

Ahrefs

Ahrefs er et eksempel på en hjemmeside, der bruger sin farvepalet rundhåndet. En mørkere blå tjener som den dominerende farve, men variationer af den findes på hele siteebstedet. Det samme gælder for orange, pink, og teal farver.

Millo.co

Millo.co bruger en meget enkel hjemmeside farvepalet, og det er bedre for det. Vi ved nøjagtigt, hvor vi skal se, når vi besøger et siteebsted som dette.,

Brian Gardner

Nogle virksomheder og enkeltpersoner, der tager monokromatisk farvepalet til det yderste. Brian Gardner, webebdesigner, bruger et sort / hvidt farveskema, der fungerer perfekt. Det er baseret på hans mærke af minimalisme, så det afspejler hans værdier og overbevisninger.

Væven

Bløde farver kan fungere godt, når du ønsker at sætte den besøgende på lethed. Væven beskæftiger liberale doser af laks og baby blå., Det fungerer godt, især med den mørkere blå farve, der er tilgængelig for CTA ‘ er og andre vigtige elementer på siden.

En Handy Liste af Ressourcer til at Plukke den Perfekte Hjemmeside Farvepalet

Her er 18 farvepalet ressourcer til at sætte dig op med den perfekte palet til din hjemmeside.

først har du brug for inspiration?

1: BrandColors

BrandColors viser dig, hvordan førende mærker, brug farver til at skelne deres virksomheder, fortælle deres brand historier og lade deres kunder ved, hvad de står for., Du kan rulle alfabetisk gennem en liste over virksomheder, almennyttige organisationer og nystartede virksomheder eller søge efter mærkenavn.

Leder du efter en færdiggjort palette?

2: ColourLovers

ColourLovers er et forum for design palet, med næsten 2 millioner paletter indsendt af sine brugere. Du kan jage op ‘paletter, der indeholder denne farve,’ gennemse eller følge designere. Ofte vil du finde varianter af den samme palet, hvilket giver dig nuance og mætning muligheder færdige.

(komplet med finurlige navne.,)

3: ColoRotate

ColoRotate kommer med et bibliotek af farveskemaer du kan gennemse, vælge fra og ændre. Hvis du vil bygge din egen fra bunden, kan du med et 3D-farveværktøj. Og du kan bruge det skema, du oprettede lige i PhotoShop eller fyrværkeri, med ColorRotate-plugin og iPad-appen.

Match din Branding

men hvad nu hvis du allerede har billeder, logoer eller branding, at dit websiteebsite farver skal matche?,

4: Color Hunter

Color Hunter er ikke et værktøj med en massiv vifte af funktionalitet, ligesom nogle af de alt-i-en kraftcentre på denne liste. I stedet er det en solid løsning til en ting: sporing af en bestemt farve. Gå til theebstedet, slip derefter et billede ind, og værktøjet opretter en palet til dig fra billedet. Dette er en solid måde at oprette farvepaletter omkring billeder, du har brug for dit .ebsted til at harmonisere med, og du kan også bruge det til at omdanne paletterne på sitesebsteder, du kan lide udseendet af.,

5: Pictaculous

Pictaculous genererer farvepaletter fra fotos – upload et foto, og Pictaculous vil foreslå farver, der matcher det. Ud over at tilbyde dig en palet baseret på det foto, du uploader, tilbyder Pictaculous færdige farveskemaer, der matcher.

disse værktøjer genererer hele farvepaletter.

6: Adobe Color CC Color Wheelheel

dette værktøj blev tidligere kendt som Adobe Kuler, og det startede som et grundlæggende farvesammenligningsside. Nu er det en fuld-po .er farvepalet byggesystem., Det giver dig mulighed for at prøve, sammenligne og gemme farvekombinationer baseret på en farvesfære. Du kan vælge typer paletter og generere femfarvepaletter med forskellige niveauer af input fra værktøjet, herunder fuldt tilpassede og næsten automatiske.

7: Paletton

Paletton lader dig bygge en farvepalet hurtigt. Vælg det skema, du gerne vil have: mono, komplementær, triadisk, tetradisk, analog eller accenteret Analog. Så når du ændrer en farve i ordningen, ændres de andre for at matche den.,

8: Color Spire

Color Spire bygger dig en farvepalet fra en enkelt farve. Du vælger en startfarve, og Color Spire foreslår en palette af farver, der skal bruges i kombination med den. Det giver også en forhåndsvisning, så du kan se, hvordan de farver, den anbefaler, ville se ud på et eksempel websiteebsted.

9: MudCube Farve Sfære

Kilde: http://htmlcolorcodes.com/resources/best-color-palette-generators/)

MudCube Farve Sfære er en Chrome-plugin, som hjælper dig med at harmonisere farver, kontrol for farveblindhed og identificere hex-koder., Du kan også eksportere farveskemaer direkte i Illustrator, PhotoShop og CoIRD.com.

10: Sammenhængende Farver

Sammenhængende Farver tager din nuværende palet og lader dig manipulere det, tilføjelse af en overlay-tint i farve efter eget valg og for at skabe en ny palet ud fra en eksisterende hurtigt og nemt.

11: he.Color Scheme Generator

dette værktøj giver dig mulighed for at generere farver, der fungerer i kombination med en farve, du allerede har. Det er lidt mere grundlæggende end nogle af farvesfæreværktøjerne i denne liste., Du indsætter et he. – nummer i værktøjet eller klikker på farvehjulet, og det vender tilbage med et sæt 3 ekstra farver, der matcher, komplet med he. – koder.

opbygning af dine farver

Nogle af disse værktøjer skal du have en farve i tankerne til at begynde med. Hvis du ikke har branding, skal du matche, og BrandColors viste dig ikke noget, der fik øje på dig, kan du starte fra bunden.,

12: Farve-App

Denne iOS-værktøj kan du lave fine beslutninger mellem lignende farver, ved at lægge dem klart ud med lidt mellemrum mellem dem snarere, end i gradienter, som i farve hjul og kugler. Big color net lader dig bruge hele din skærm (iPad Pro-brugere, glæd dig!) og det giver dig også mulighed for at prøve farver, finde RGB -, He. – og HSLA-værdier og oprette farvepaletter fra bunden.,

13: Farve

Farve, ved HailPixel, kan du virkelig finde frem til præcis hvilken farve du ønsker, og derefter giver dig en Hex-kode for det.

Hold markøren over skærmen, og farven ændres meget lidt, når du bevæger dig – det er som en farvesfære, der konstant feeds tilbage i HE. – koder. Flyt hen over skærmen for farve, op og ned for mætning.

Hent koderne for en farve

Hvis du har set en farve et eller andet sted, og du ikke ved nøjagtigt, hvad du skal kalde det, er dette værktøjerne til dig.,

14: SpyColor

SpyColor giver dig oplysninger om alle farver, herunder den Hex, RGB, CMYK og andre koder. Værktøjet viser dig vifte af scheme typer som komplementære, split-komplementære, triadiske, sammenstød og analoge, på hver farve side.

15: HTML-farvekoder

HTML-farvekoder finder he. – koder for billedfarver i din bro .ser. Du vælger et billede fra dit skrivebord og klikker på ‘Vis billede’ og derefter musen over det for at få he. – koder for de forskellige dele af billedet.,

Test din Palette

Når du har en farvepalet på plads, skal du vide, om det vil fungere for en række besøgende.

16: Check my Colours

Check my Colours lader dig kontrollere din farvepalets forgrunds-og baggrundsfarver, og sørg for, at de giver tilstrækkelig kontrast til nogen, der har farveunderskud. Hvis du vil farveblindhedssikre dit siteebsted, eller bare få de mest effektive og intuitive farvekombinationer fra et U. – perspektiv, er dette værktøj uvurderligt., Drop en URL i, og det spytter en rapport:

…der dybest set går gennem alle de koden til dit websted og kvaliteter til alle de visuelle elementer i det om synlighed.

matchende billeder

nu er din farvepalet på plads, og du ved, at den er super synlig, skal du bruge nogle billeder til at matche.

17: TinEye

TinEye er bedre kendt som et alternativ til Google Image Search., Men det fungerer også som en måde at udforske farvekombinationer ved hjælp af en database med over 10 millioner Creative Commons-licensfotografier høstet fra Flickr. Hvis du leder efter billeder i den perfekte farvekombination, er dette en fantastisk, brugervenlig måde at jage dem på.

18: Designspiration

Designspiration lader dig vælge op til fem nuancer fra en helsides-palette, som giver dig mulighed for at se de farver, klart. Derefter viser siteebstedet alle billederne i sin database med den farvekombination., Det viser dig He.numre tydeligt, og lader dig klikke på individuelle he. numre. Du kan gemme billeder til samlinger på siteebstedet samt do .nloade dem.

Sådan bruges et Behaviorebstedsadfærdsværktøj til at analysere de bedste farvepaletter

du tror måske, at alt hvad du skal gøre er at vælge en colorebstedsfarvepalet og komme videre fuld damp fremad. Det er ikke den bedste måde at gøre forretninger på.

tænk over det. Du tester dine CTA ‘ er, overskrifter og andre websiteebsite elementer. Hvorfor skal farve være anderledes?,

et behaviorebstedsadfærdsanalyseværktøj som Cra .y Egg giver den perfekte mulighed for at finde ud af, hvordan dit publikum reagerer på din nuværende farvepalet.

brugeradfærd rapporter som heatmaps vil fortælle dig, om dine farver er at fange øjnene på de mennesker, der betyder mest for dig — dine nuværende og potentielle kunder.

Når du har rådata i dine hænder, kan du træffe informerede beslutninger om dit colorebsteds farvepalet.,

Forestil dig, at du har oprettet et websiteebsted til et publikum af sportselskere og har valgt farverne blå og lyserød samt et par neutrale grå. Dit publikum kan ikke lide det.

måske overfører det ikke dit billede godt nok. Sports elskere kan lide dristigere, mørkere farver og jordiske toner.

Du ved det ikke, før du tester.

begynd at bruge Cra .y Egg

Opret en gratis Cra .y Egg-konto for at starte din gratis prøveperiode, eller log ind for at konfigurere dine brugeradfærdsrapporter.

Du kan køre flere tests på samme tid, så du ikke spilder timer, dage eller uger., I stedet kan du fange data i realtid og fokusere din indsats på at finde den bedst mulige farvepalet.

konklusion

dit colorebsteds farvepalet skal ikke kun afspejle dit brand, men også appellere til dit publikum. Ellers kan folk være slukket af dit .ebsted uden selv at vide det.

Start med hvad du kan lide. Overvej at vælge en palet, der er forskellig fra andre i din niche, så du skiller sig ud. Så begynd at teste.

det er nemt at ændre farverne på dit .ebsted. Hvis du kender HTML, kan du ændre he. – koderne i dine temafiler manuelt., Mange themesordpress-temaer leveres også med tilpassere, der giver dig mulighed for at ændre farver uden at kende nogen kode.

Giv dig selv muligheden for at gøre dit .ebsted så visuelt tiltalende og mindeværdigt som muligt.