Vælg de bedste farver til din hjemmeside – Få 6 tips!

Farver har stor indflydelse på vores oplevelse af hverdagen og verden. De formidler også information og påvirker dine kunders opfattelse af dit brand. Studier viser, at der i gennemsnit kun går halvandet minut fra en kundes første indtryk at et produkt, til de beslutter sig for, om de vil købe det. Op til 90% af dette første indtryk kommer fra farver. Derfor spiller farverne på din hjemmeside en stor rolle, uanset om du har en webshop eller en blog, hvor du deler din ekspertise og dine tanker med verden.   

I denne artikel dykker vi ned i farvernes psykologi, og ser på, hvordan du kan bruge farver til at forme brugeroplevelsen på din hjemmeside og styrke dit brand. Du får også 6 tips! 

 

Farvernes psykologi

Farvernes psykologi er videnskabelige studier af, hvordan farver påvirker mennesker. Det er et emne, der har været studeret længe før marketing og hjemmesider så dagens lys. Selv de gamle egyptere indså, at farver har indflydelse på, hvordan vi har det, og brugte derfor malede rum eller sollys, der skinnede gennem krystaller som en slags terapi. Hvorvidt det virkede, finder vi sandsynligvis aldrig ud af, men det fortæller os noget om, hvor vigtige farver er og altid har været.  

Der findes et stort antal artikler, der hævder, at visse farver formidler specifikke følelser, tanker og koncepter. Eksempler er grønne farver for vækst eller miljøbevidsthed og gule for glæde og positivitet. Selvom der er sandhed i det, så er det alligevel vigtigt at tænke på, at vores opfattelse af farver i stor grad afhænger af, hvem vi er, hvor vi er vokset op, vores alder, sammenhængen farverne præsenteres i og meget andet. Hvad nogle af farverne signalerer, ser vi nærmere på senere i artiklen  

Farver og følelser

Farverne i vores omgivelser påvirker alt fra vores humør og følelser til vores tanker, velbefindende og opfattelse af steder og ting vi præsenteres for. Farver spiller en væsentlig rolle inden for marketing, netop fordi de, hvis de bruges på en strategisk måde, kan medvirke til at forme brugeroplevelsen.  

De fleste af os, har købt noget fordi tanken om produktet eller atmosfæren omkring det, påvirkede os på den ene eller den anden måde. Også selvom vi ikke havde et reelt behov for det, vi købte. Regnestykket kan derfor gøres så enkelt som: farver påvirker følelser og følelser påvirker handlinger = farvevalg er et vigtigt værktøj inden for marketing og webdesign. I næste afsnit, ser vi nærmere på, hvorfor farverne på din hjemmeside er så vigtige.  

Farver og UX-design

Farven på væggen i et rum vi går ind i påvirker vores opfattelse af rummet, og kan endda få det til at virke større, mindre eller mere velkommende. Det samme gælder din hjemmeside, som på mange måder er et digitalt rum, dine besøgende træder ind i, når de har klikket på et link i søgeresultaterne. Men hvad er det lige, der gør din hjemmesides farver så vigtige? 

Hvorfor er hjemmesidefarver vigtige?

Farver er et af de vigtigste værktøjer inden for UX-design. Din hjemmesides farver kan sætte tonen for dit brand, styrke brandtillid, tiltrække opmærksomhed, fremkalde følelser og påvirke handlinger. Målet med din farvestrategi bør være at vælge farver, der passer godt sammen, ikke virker overvældende og kommunikerer det samme på tværs af hele din hjemmeside. Nederst i artiklen, får du konkrete tips, du kan bruge, når du vælger en farvepalet til din hjemmeside.  

Farver og branding

I mange tilfælde kan farver medvirke til at øge salget og gøre det nemmere for kunder at huske dit brand. Hvis vi siger pommes frites, rød og gul, tænker du sandsynligvis på en vis burgerkæde? Måske får kombinationen gul, blå og møbler, dig til at tænke på en stor kæde, der også er kendt for svenske kødboller? Eller hvad med farven blå og sociale medier? Her tænker du sikkert på flere, og det er der en god grund til, men det vender vi tilbage til lidt senere.  

Farver og webtilgængelighed

Farverne på din hjemmeside har også indflydelse på webtilgængeligheden dvs. hvor tilgængelig og inkluderende din hjemmeside er for alle mennesker.  

Aspekter der påvirker webtilgængelighed, når vi taler om farver, er fx læsbarheden af tekster i visse farver, baggrundsfarver og farvekontraster. Desuden bør al den information du formidler, skriftligt såvel som grafisk, kunne tolkes, selvom brugeren ikke kan skelne mellem farverne. Hvis du fx har et diagram med søjler i forskellige farver, bør søjlerne, udover farver, også have forskellige mønstre, så brugere med farveblindhed nemt kan skelne mellem dem. Hvis en stor del af din målgruppe består af ældre mennesker, er læsbarheden naturligvis særdeles vigtig.  

Disse farvekombinationer bør du undgå, hvis du vil sikre en god webtilgængelighed på din hjemmeside: 

• grøn-rød 
• grøn-blå 
• grøn-brun 
• grøn-sort 
• grøn-grå 
• blå-grå 
• lys grøn-gul 
• blå-lilla 
  
  

Hvad betyder farverne?

Det er, som nævnt i afsnittene ovenfor, sandsynligvis ikke muligt at vælge farver, der opfattes på nøjagtig samme måde af alle mennesker. Der er så mange faktorer, der påvirker vores opfattelse af farver, at svaret aldrig kan blive ukompliceret. Alligevel er der dog, inden for UX-design, flere teorier om, hvilke farver man bør vælge afhængigt af, hvilket signal man ønsker at sende til brugerne. Nedenfor finder du en liste over, hvad farverne kan signalere: 

• Blå: Loyalitet, pålidelighed og kommunikation.  

• Grøn: Rigdom, natur, fornyelse. Limegrøn signalerer vækst.  

• Orange: Kreativitet, energi, eventyrlysten – kan også skabe en retro-følelse.  

• Gul: Glæde og optimisme. Pastelnuancer er gode til kønsneutrale designs. Stærkere nuancer signalerer kreativitet.  

• Lilla: Royal, noget mystisk eller spirituelt, og kreativitet.  

• Sort: Sofistikeret og luksuriøs. Afhængigt at sammenhængen, kan sort også opfattes negativt.  

• Hvid: Renhed og enkelhed. Et populært valg til minimalistiske designs.  

• Grå: konservativ eller dyster, afhængigt af konteksten. 

• Brun: Jordbundethed og hygge, ofte knyttet til naturen, men kan også opleves som snavset.  

Selvom globalisering og internettet har gjort opfattelsen mere standardiseret på tværs af landegrænser og kulturer, er det alligevel vigtigt at huske på at tolkningen af farver altid vil variere. I USA forbinder man fx farven grøn med penge (farven på dollarsedler) mens man i Kina forbinder rød med penge. Desuden er det sandsynligt, at nogle af dine brugere er farveblinde, hvilket gør det svært for dem at skelne mellem visse farver. 

6 farvetips til din hjemmeside eller webshop

Nu er det på tide, at vi kigger på 6 konkrete tips, du kan bruge, når du vælger farver til din hjemmeside.  

1. Et monokromatisk farvetema 
    
   Hvis du ikke har særlig stor erfaring med farveteori, er et monokromatisk farvetema typisk det nemmeste at arbejde med. Et monokromatisk farvetema består af en kombination af flere nuancer af samme farve, som fx forskellige nuancer af lyserød eller grøn. Det giver et sammenhængende og enkelt look, der passer godt til de fleste hjemmesider.  
    

2. Hold dig til tre farver 
    
   En farvepalet med maks. tre farver er altid et godt valg – less is more! Det skyldes helt enkelt at jo flere farver du anvender, jo mere distraherer du dine brugere. Overvej fx, hvordan du selv bliver påvirket, hvis du står i supermarkedet og kigger på hylden med shampoo. Har du svært ved at vælge? Det skyldes sandsynligvis de mange forskellige farver på både emballage og tekst. Det samme gælder webdesign. Derfor er tre farver eller færre dit sikreste kort.  
    

3. Brug 60-30-10-reglen 
    
   Når du har valgt din farvepalet, kan du bruge 60-30-10-reglen for at skabe en harmonisk balance mellem farverne på din hjemmeside. Reglen indebærer, at du vælger en grundfarve, en sekundærfarve og en kontrast. Grundfarven bruges på 60% af din side, sekundærfarven 30% og kontrastfarven 10%. Grundfarven og sekundærfarven bør være relativt neutrale. Kontrastfarven kan du fx bruge til dine call to action-knapper. 
   
4. Brug dine farver konsekvent
   
   Du bør altid anvende din grundfarve, sekundærfarve og kontrastfarve på samme måde på hele din hjemmeside. Hvis du fx har brugt en mørkeblå farve til dine call to action-knapper på en side, bør du bruge den samme farve til alle dine call to action-knapper på tværs af alle siderne på din hjemmeside. Det gør det nemmere for dine brugere at forstå formålet med knappen.
   
   
5. A/B test call to action-farver
   
   Hvis du har en webshop, hvor du sælger fysiske produkter eller digitale tjenester, er det naturligvis ekstra vigtigt, at potentielle kunder klikker på dine call to action-knapper. Som nævnt ovenfor, er det bedst at vælge en kontrastfarve til knapperne, så de skiller sig ud fra de andre farver i din hjemmesides farvepalet.  
    
   For at være sikker på, at du vælger den bedste farve til dine knapper, er det en god idé at køre en A/B test på to forskellige farver. På den måde lader du dine brugere bestemme, hvilken farve, der er mest fristende at klikke på. A/B-tests er et værdifuldt værktøj i mange sammenhænge, fordi din hjemmeside skal skræddersyes til din målgruppe. Du kan læse mere om A/B-tests her.
   
   
6. Blå er til at stole på
   
   Husker du, at vi ovenfor var inde på sammenhængen mellem blå farver og sociale platforme? Tænk på Facebook, LinkedIn, og tidligere Twitter, før den hvide fugl med den blå baggrund blev til et X på en sort baggrund. Der er en god grund til, at nuancer af blå bruges af disse store platforme. Flere studier viser nemlig, at de fleste mennesker opfatter blå som en farve, der udtrykker pålidelighed. Det er sandsynligvis også derfor flere banker, som bl.a. Danske Bank, Nordea og Nykredit bruger disse farver på deres hjemmesider. Blå nuancer, særligt mørkeblå, kan derfor få dit brand til at fremstå som mere troværdigt og pålideligt.
   

Gør det nemmere med færdige skabeloner

Selve processen med at vælge og applicere en farvepalet på en hjemmeside kan gøres hurtigere og enklere ved hjælp af færdige skabeloner og temaer. Det gennemgår vi her nedenfor

Farvetemaer i hjemmesideprogrammet

Når du laver din hjemmeside med one.coms Hjemmesideprogram, kan du vælge mellem mange forskellige skabeloner, hvor farvetemaet allerede er sammensat for dig. Her kan du enten fortsætte med skabelonens farvetema eller redigere i temaet, hvis du hellere vil bruge din egen farvepalet. Hjemmesideprogrammet giver dig desuden forslag til farver, der passer godt sammen, og sørger for, at alle dine CTA-knapper har samme farve.  

Hvis du vil se, hvor nemt det er at aktivere og redigere et farvetema i Hjemmesideprogrammet, kan du læse vores trin for trin-guide lige her.  

Hjemmesideprogrammet er inkluderet i alle vores hostingpakker. Læs mere her. 

WordPress-temaer

Foretrækker du at lave din hjemmeside med WordPress? Så kan du vælge blandt tusindvis af forskellige temaer, skabt af designere, der ved alt om, hvordan man sammensætter de bedste farvepaletter. Du får også adgang til 40 tilpasningsdygtige skabeloner, som du selv kan redigere og gøre unikke. Hvordan du gør det, kan du læse lige her, i afsnittet Rediger dine profilindstillinger. 

Tid til at sætte farve på din hjemmeside!

Farverne på din hjemmeside kan hjælpe dig med at forme brugeroplevelsen, forbedre webtilgængeligheden, styrke dit brand og øge salget. Farverne bliver også en del af dit brands personlighed. Derfor er det værd at investere tid i at vælge en god farvepalet, der matcher dit brand, dit koncept og dine mål.