FARGER

HOVEDFARGER:

Hovedfargene utgjør kjernen i den visuelle identiteten og er bærende i all kommunikasjon. De skal brukes konsekvent på tvers av alle flater.

Hovedfarger

Hex #f1662c
RGB 241,102,44
CMYK 0,74,93,0
PMS 158 U
Hex #ba4b1d
RGB 186,75,29
CMYK 0,66,100,15
PMS 1525 U
Hex #6c2422
RGB 108,36,34
CMYK 34,89,81,46
PMS 7629 U
Hex #f2e2d4
RGB 242,226,212
CMYK 4,10,14,0
PMS 4029 U
Hex #f3b6fb
RGB 242,182,251
CMYK 6,33,0,0
PMS 243 U

Støttefarger

Hex #a9b6f3
RGB 169,182,243
CMYK 38,27,00
PMS 2716 U
Hex #15337c
RGB 21,51,124
CMYK 94,77,16,29
PMS 2756 U
Hex #254f38
RGB 37,79,56
CMYK 78,29,74,57
PMS 357 U
Hex #dbf177
RGB 219,241,119
CMYK 22,0,65,0
PMS 4211 U
Hex #a0958d
RGB 160,149,141
CMYK 26,27,29,27
PMS Warm Grey 5 U
Hex #000000
RGB 0,0,0
CMYK 75,68,67,90
PMS Black 6 U
Hex #ffffff
RGB 255,255,255
CMYK 0,0,0,0

Forklaring av fargekodene:

1. CMYK (Trykk)

  • Hva det er: Står for Cyan, Magenta, Yellow og Key (svart). Dette kalles en «subtraktiv» fargemodell fordi fargene oppstår ved at blekk absorberer (subtraherer) lys.
  • Bruk: Brukes utelukkende til trykksaker som brosjyrer, visittkort, magasiner og plakater.
  • Hvordan det fungerer: Ved å trykke små prikker med disse fire fargene oppå hverandre i ulike styrker (0-100%), skapes et fullfargespekter.

2. RGB (Skjerm)

  • Hva det er: Står for Red, Green, Blue. Dette kalles en «additiv» fargemodell, fordi farger oppstår ved å legge til (addere) lys.
  • Bruk: Brukes til alt som skal vises på skjerm: nettsider, sosiale medier, TV og mobiltelefoner.
  • Hvordan det fungerer: RGB kan vise mange flere og mer «vibrerende» farger enn CMYK, fordi fargene er belyste

3. HEX-kode (Webdesign)

  • Hva det er: En heksadesimal kode (f.eks. #FF5733) som brukes til å definere farger i HTML og CSS. Det er i praksis en forkortet, kodedefinisjon av RGB-verdier.
  • Bruk: Brukes av webdesignere og utviklere for å sikre nøyaktig fargegjengivelse på nettsider.
  • Hvordan det fungerer: Koden består av # etterfulgt av seks tegn (tall 0-9 og bokstaver A-F)

4. PMS / Pantone (Spesialfarger)

  • Hva det er: Pantone Matching System. I stedet for å blande farger av CMYK-prikker, brukes ferdigblandede farger fra store «bøtter».
  • Bruk: Brukes for å garantere 100% lik farge (profilfarger) uansett hvor det trykkes, for eksempel i logoer. Brukes også for farger som er umulige å gjenskape i CMYK, som metalliske eller neonfarger.
  • Fordel: Høyeste presisjon og konsistens.

Oppsummering

SystemBruksområdeMediumFargespekter
RGBDigitaltSkjerm/WebBredt (vibrerende)
HEXWeb/KodeNettsiderSamme som RGB
CMYKTrykkPapir/FysiskBegrenset (dullere)
PMSProfilfargerLogo/EmballasjeSvært nøyaktig

Viktig huskeregel: Design aldri i RGB hvis sluttproduktet skal trykkes (da blir fargene ofte blasse). Konverter alltid til CMYK eller bruk Pantone for trykk. 

Typiske bruksområder:


• Primære flater: Bakgrunner, toppfelt, seksjonsflater og større fargeflater i trykk og digitale flater.
• Profilbærende elementer: Presentasjoner, kampanjemateriell, nettsider og sosiale medier.
• Tekst og kontrastflater: Overskrifter, uthevinger og bakgrunner der hovedfargene gir tydelig kontrast og god lesbarhet.
• Grafiske elementer: Sammen med logo, piktogram og hovedsymboler for å styrke gjenkjennelsen av profilen.


Prinsipp for god bruk:


• Hovedfargene skal dominere: De skal alltid være det visuelle fundamentet i uttrykket.
• Bruk få farger per flate: Maks to hovedfarger (unntaksvis tre) på én flate for å sikre ro og tydelighet.
• Konsekvent bruk gir gjenkjennelse: Gjentagende bruk av hovedfargene bygger merkevare over tid.
• Lesbarhet først: Velg fargekombinasjoner som gir tilstrekkelig kontrast, spesielt i digitale flater.
• Ikke erstatt hovedfarger med støttefarger: Støttefargene skal kun brukes som supplement, ikke som erstatning.

STØTTEFARGER:
Støttefargene er utviklet for å utfylle hovedfargene og gi større fleksibilitet i kommunikasjonen. De skal ikke konkurrere med hovedfargene, men brukes bevisst og med tydelig formål. De er altså støttefarger og ikke hovedfarger. De skal ikke dominere uttrykket og brukes sjeldnere. Støttefargene henter inspirasjon fra tidligere profil som bidrar til gjenkjenning og historisk forankring. 

Typiske bruksområder:
• Kategorisering i publikasjoner: For eksempel forskjellig fargekode for ulike satsingsområder, avdelinger, fagområder eller målgrupper.
• Understøttende flater i presentasjoner: Rammer, grafiske bakgrunnsfelt, callouts, faktabokser eller sitatsider.
• Digitale grensesnitt: Statusindikatorer, knapper i sekundære handlinger, filtre eller tagger.
• Materialer til kampanjer: For å gi kampanjer eller temaer en egen karakter uten å bryte med hovedidentiteten.
• Små aksenter: Linjer, punktlister, markeringer, hover-effekter, understrekninger eller små detaljer som ikke skal dominere.

Prinsipp for god bruk: 
• Sekundærfargene skal aldri overta – hovedfargene skal alltid være det bærende elementet i identiteten.
• Brukes med moderasjon: De fungerer best når de brukes bevisst og punktvis. Gir rom for et bredere fargeutvalg for underkonsepter og lignende. 
• Tydelig formål: Hver støttefarge bør ha en klar funksjon – enten å strukturere, differensiere eller skape visuell variasjon.

Fargebruk:

På én flate kan det brukes maks to (unntaksvis tre) farger. Fargekartet viser hvilke farger som må brukes sammen. Det er kun disse kombinasjonene som er lov å ta i bruk.

For eksempel: En SoMe-post med beige bakgrunn kan bruke oransje som tekstfarge.

Eksempler på støtte farger