Fargepalett for merkevaren: slik velger du riktig

Farger er noe av det første hjernen oppfatter, og de skaper en umiddelbar følelse lenge før teksten leses. Vi knytter automatisk assosiasjoner til farger: blått oppleves ofte som stabilt og tillitvekkende, grønt som naturlig og bærekraftig, rødt som energisk og hastende, sort som eksklusivt. Labrecque og Milne oppsummerte forskningen i tittelen på studien sin i Journal of the Academy of Marketing Science (2012): «Exciting red and competent blue». Disse assosiasjonene er ikke universelle lover; kultur og sammenheng betyr mye. Men de påvirker hvordan merkevaren din oppfattes.

Det viktigste er likevel ikke hvilken farge du velger, men at du bruker den konsekvent. Når den samme fargen går igjen på nettsiden, i logoen, på fakturaen og i innleggene på sosiale medier, begynner folk å kjenne den igjen. Gjenkjennelse bygger tillit, og tillit gjør at kunder velger deg fremfor en ukjent konkurrent. En rotete fargebruk gir motsatt effekt: den virker tilfeldig og lite profesjonell, selv om alt annet er på stell.

Test selv: ta et skjermbilde av nettsiden, den siste fakturaen og det siste innlegget dere postet. Legg dem ved siden av hverandre. Tell hvor mange ulike blå (eller grønne, eller røde) du ser. Er svaret mer enn én, har du funnet oppgaven.

En klassisk tommelfingerregel fra interiør og grafisk design er 60-30-10. Den fordeler fargebruken slik at helheten blir balansert i stedet for kaotisk:

• 60 prosent dominerende farge: som regel en nøytral bakgrunn (hvitt eller lys grå) som fyller mesteparten av flaten.
• 30 prosent sekundærfarge: en støttefarge som gir kontrast til bakgrunnen, ofte en mørk tekstfarge eller en dempet tone.
• 10 prosent aksentfarge: hovedfargen din, brukt sparsomt på knapper, lenker og det du vil at folk skal legge merke til.

Poenget er ikke å følge prosentene slavisk, men å innse at hovedfargen virker sterkest når den brukes lite. Drukner du siden i farge, mister du effekten av den.

Test selv: åpne forsiden på nettsiden din og mys. Hva ser du mest av? Er svaret hovedfargen, bruker du den for mye. Er svaret hvitt og en mørk tekstfarge med noen få fargede punkter, er du der du skal være.

Farger skal se bra ut, men de må også være til å lese for alle. Omtrent 1 av 12 menn har en form for fargesynssvekkelse (National Eye Institute), og mange leser nettsider på mobil i dagslys der kontrasten allerede er dårlig. For norske nettsteder er dette dessuten ikke bare et råd: forskriften om universell utforming av ikt krever at private virksomheter følger 35 av suksesskriteriene i WCAG 2.1, og kontrastkravet er ett av dem. To enkle regler tar deg langt:

• Sjekk kontrasten: bruk en gratis kontrastsjekker (for eksempel WebAIM Contrast Checker) og sikt mot minst 4,5:1 for vanlig tekst og 3:1 for stor tekst (WCAG 2.1, suksesskriterium 1.4.3, nivå AA).
• Ikke bruk farge alene til å formidle mening: en feilmelding må ikke bare være rød. Den bør også ha tekst eller et ikon, slik at budskapet kommer fram selv om fargen ikke oppfattes (suksesskriterium 1.4.1, nivå A).

Og husk mørk modus: stadig flere ser nettsider i mørkt tema, og en hovedfarge som fungerer på hvitt, kan forsvinne på svart. Sjekk paletten på begge bakgrunner før du låser den.

Test selv: lim inn tekstfargen og bakgrunnsfargen fra nettsiden i en kontrastsjekker. Får du under 4,5:1, feiler du et krav som gjelder deg, og du har funnet grunnen til at teksten er tung å lese på mobil.

1. Finn HEX-koden til hovedfargen i logoen med en fargeplukker.
2. Velg nøytralene: hvitt, én mørk tekstfarge, to grånyanser.
3. Sjekk kontrasten mellom tekstfargen og bakgrunnen. Minst 4,5:1.
4. Velg én aksent til varsler og tilbud, og bestem hvor den ikke skal brukes.
5. Skriv ned alle kodene på én side (HEX, RGB og CMYK) og del den med alle som lager noe.
6. Test på fem ting: knapp, overskrift, innlegg, dokument og mørk modus. Juster, og lås.

Alt over tar en ettermiddag, og er det en grafisk designer gjør på en times tid hvis du heller vil sette det bort. Se hva en grafisk designer faktisk gjør.