Slik velger du en god fargepalett for merkevaren
Fargene dere velger forteller kundene hvem dere er før de har lest et eneste ord. En gjennomtenkt fargepalett gjør merkevaren gjenkjennelig, profesjonell og lett å bruke på tvers av nettside, dokumenter og sosiale medier – og den sparer dere for mye frem-og-tilbake hver gang noe nytt skal lages.
Hvorfor farger betyr så mye
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. 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.
Byggeklossene i en palett
Én tydelig hovedfarge
Velg én primærfarge som bærer merkevaren – gjerne hentet fra logoen. Den brukes på knapper, lenker og viktige detaljer. Hold deg til én, så blir uttrykket rent og gjenkjennelig, og øyet vet alltid hvor det skal se.
Nøytraler og bakgrunn
Legg til hvitt, en mørk tekstfarge og et par grånyanser. Nøytralene utgjør mesteparten av flaten og gir innholdet rom til å puste, mens hovedfargen får skille seg ut akkurat der det teller.
Kontrast og lesbarhet
Sørg for nok kontrast mellom tekst og bakgrunn. WCAG anbefaler minst 4,5:1 for vanlig tekst. Da blir innholdet lesbart for alle – også på liten skjerm og i sterkt sollys.
60-30-10-regelen gir balanse
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 % dominerende farge: som regel en nøytral bakgrunn (hvitt eller lys grå) som fyller mesteparten av flaten.
- 30 % sekundærfarge: en støttefarge som gir kontrast til bakgrunnen, ofte en mørk tekstfarge eller en dempet tone.
- 10 % 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.
Slik finner du fargene i praksis
Har du allerede en logo, start der: plukk hovedfargen rett fra logoen slik at alt henger sammen. Har du ikke logo ennå, begynn med én farge som passer bransjen og følelsen du vil formidle, og bygg ut derfra. Du trenger sjelden mer enn én til to hovedfarger pluss nøytraler.
Gratis nettverktøy gjør jobben enklere. Verktøy som Coolors og Adobe Color lar deg generere harmoniske paletter, låse fargene du liker og eksportere fargekodene (HEX). Nettleserutvidelser som en fargeplukker lar deg hente fargen fra bilder eller nettsider du blir inspirert av.
Uansett hvordan du finner fargene: skriv ned de eksakte fargekodene (for eksempel HEX som #005494) og bruk nøyaktig de samme overalt. «Omtrent samme blå» på nettsiden og i logoen er en av de vanligste grunnene til at en merkevare ser uprofesjonell ut.
Test alltid paletten på ekte materiell før du låser den: en knapp, en overskrift, et innlegg på sosiale medier og et dokument. Farger oppfører seg forskjellig på skjerm og papir, og en tone som er fin i det små kan bli slitsom i store flater.
Tilgjengelighet og kontrast
Farger skal se bra ut, men de må også være til å lese for alle. Rundt 8 % av menn har en form for fargeblindhet, og mange leser nettsider på mobil i dagslys der kontrasten allerede er dårlig. 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 store overskrifter.
- 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 frem selv om fargen ikke oppfattes.
Vanlige feil å unngå
- For mange farger: flere sterke farger konkurrerer om oppmerksomheten. Hold deg til én hovedfarge og noen få nøytraler.
- Farge uten system: ulike nyanser samme sted gjør at det ser slurvete ut. Noter kodene og gjenbruk dem.
- For lite kontrast: lys grå tekst på hvit bakgrunn ser stilrent ut i designprogrammet, men blir uleselig på mobil.
- Trendjag: en palett du velger fordi den er «på moten» i år, kan se datert ut om to. Velg noe som passer merkevaren, ikke bare tidsånden.
- Glemmer mørk modus: stadig flere ser nettsider i mørkt tema. Sjekk at fargene fungerer på mørk bakgrunn også.
Trenger du hjelp?
Er du usikker, start med logofargen og bygg ut derfra – eller la en fagperson gjøre jobben. En grafisk designer kan sette opp en komplett palett med fargekoder, kontrastsjekk og retningslinjer for bruk, slik at alt henger sammen. På Opplink kan du legge ut et oppdrag og få tilbud fra dyktige grafiske designere, eller finne en bedrift under «Design og kreative tjenester». Se også hva andre deler her i Oppslaget for inspirasjon.
Kilder
- Wikipedia – fargelære (color theory) https://en.wikipedia.org/wiki/Color_theory
- WCAG 2.1 – krav til fargekontrast https://www.w3.org/WAI/WCAG21/quickref/
- Material Design – fargesystem https://m3.material.io/styles/color/system/overview