Farger

Farger er viktige for å skape en tydelig identitet og for å støtte innhold og budskap. Vær nøktern i valg av farger, og bruk dem også som et virkemiddel for god navigasjon både i digitale og trykte flater.

Primærfarger

Primærfargene er de mest sentrale fargene i DFØ.

Mørk blå

HEX: #012a4c
RGB: (1, 42, 76)
CMYK: (100, 80, 15, 45)
Pantone: 654 C

Mellomblå

HEX: #005b91
RGB: (0, 91, 145)
CMYK: (100, 67, 19, 0)
Pantone: 7691 C

Skarp blå

HEX: #009fe3
RGB: (0, 159, 227)
CMYK: (100, 0, 0, 0)
Pantone: Process CYAN C

Sekundærfarger

Sekundærfargene brukes hovedsakelig til illustrasjoner, men kan også bistå til å skape hierarki ved å utheve tekst, knapper eller i enkelte tilfeller som bakgrunn. Vær varsom med å bruke farger på tekst både i trykk og i digitale flater. Ta alltid hensyn til universell utforming. Les lenger ned på siden om «Tilgjengelighet og fargebruk i digitale kanaler».

Grønn

HEX: #00ab84
RGB: (0, 171, 132)
CMYK: (78, 0, 60, 0)
Pantone: 339 C

Rød

HEX: #e83f53
RGB: (232, 63 83)
CMYK: (0, 90, 60, 0)
Pantone: 710 C

Sjøgrønn

HEX: #008ea6
RGB: (0, 142, 166)
CMYK: (100, 0, 28, 13)
Pantone: 7711C

Grå

HEX: #828282
RGB: (130, 130, 130)
CMYK: (0, 0, 0, 50)
Pantone: 416 C

Gul

HEX: #f7b715
RGB: (247, 183, 21)
CMYK: (0, 30, 100, 0)
Pantone: 1235 C

Gråtoner

Brukes hovedsakelig på digitale flater, men kan også benyttes i trykte flater. Vær varsom med å bruke gråtoner på mindre tekststørrelser i trykte flater.

HEX: #f7f7f7
CMYK: (0, 0, 0, 2)

HEX: #d1d1d1
CMYK: (0, 0, 0, 15)

HEX: #efefef
CMYK: (0, 0, 0, 4)

HEX: #333333
CMYK: (0, 0, 0, 100)

HEX: #e6e6e6
CMYK: (0, 0, 0, 7)

Vekting av farger

Primærfargene skal vektes fremfor sekundærfargene. Det er primærfargene som bærer identiteten og er mest fremtredende i det etterlatte inntrykket.

Sekundærfarger benyttes når vi har behov for flere farger som for eksempel i illustrasjoner og figurer. Sekundærfarger har også en viktig funksjon i å fremheve innhold og skape dynamikk og variasjon i det visuelle uttrykket – men skal brukes i mindre grad enn primærfarger.

Kakediagram med fargene
Illustrasjon av hvordan ulike farger skal vektes

Graderte farger

Ved behov for ytterligere farger eller flere nyanser, kan man bruke primær- og sekundærfargene i lysere nyanser. Det vil si at man for eksempel kan bruke dem i 20 prosent, 30 prosent eller 50 prosent lysere variant. Dette kan for eksempel være et behov i figurer og grafer der det er mange verdier.

Grånyanser har noen utfordringer i trykk, og her bruker vi kun nyanser av sort. På skjerm kan vi fritt benytte gråfargen i paletten i ulike nyanser. Husk at de lyseste nyansene ofte kan «brenne» ut på enkelte skjermer og prosjektorer. Det betyr at en lys grå bakgrunn kan fremstå som hvit for eksempel. 

Under følger et fargekart med graderinger, samt mulighet for å laste ned denne.

DFØs farger med HEX-koder
Fargekartet viser DFØS grunnfarger (primær- og sekundærfarger), samt lysere og mørkere graderinger av disse. På hvert farget felt står den aktuelle HEX-koden.
DFØs fargekart med graderinger (RGB)
png 270.3 KB

Tilgjengelighet og fargebruk

Mye innhold er enklere å forstå ved bruk av farger, men for å sikre at alt innholdet blir tilgjengelig, kan vi ikke kun støtte oss på farger som virkemiddel for å få frem budskapet vårt. 

For eksempel vil personer som har dårlig fargesyn, er svaksynte eller er blinde, ha vanskelig for å lese innholdet hvis de har en dårlig kalibrert skjerm eller ser på en dårlig projektor.

Når vi bruker farger, må vi sikre god nok kontrast, som møter kravene i forskriften om universell utforming.

Fargegjengivelse

Det er alltid en utfordring å gjengi farger likt fra gang til gang. Skjerm og nettlesere overfører farger ulikt, og i trykte medier er fargeinntrykket blant annet avhengig av underlaget og trykkmetoder. Med så mange variabler er det derfor viktig at vi er konsekvent i fargebruken.

I trykte medier er det viktig å høre med trykkeriet hvilket fargeprofiler (ICC-profiler) som skal benyttes for valgt underlag. 

Til Adobe CC programvare kan du laste ned fargebibliotekene under, til både trykk og skjermbruk.

Oppdatert: 19. september 2023

Fant du det du lette etter?

Nei

Det beklager vi!

Tilbakemeldingen din er anonym og vil ikke bli besvart. Vi bruker den til å forbedre nettsidene. Hvis du vil ha svar fra oss, ta kontakt på telefon, e-post eller kundesenter på nett.