Farger
Publisert
Fargepaletten er delt opp i hovedfarger, gråfarger, tilleggsfarger, bakgrunnsfarger og farger for visualisering av statistikk.
Fargepaletten skal brukes på fhi.no, i sosiale medier og alle andre FHI-kanaler og FHI-produkter – uavhengig av om det lages internt eller eksternt.
Hovedfarger
![Hovedfargene består av tre-fire ulike nyanser i blått, rødt, grønt og gult. Disse fargene er identitetsskapende for FHI. hovedfargene i blått, rødt, grønt og gult](/contentassets/de63ba44487642e297c6ce5995480ba2/hovedfarger-visuell-profil.png?preset=mainbodywidth&maxwidth=970&width=970)
Hovedfargene er identitetsbærende, og bør brukes på en slik måte at de bidrar til gjenkjennelse av FHI som en tydelig merkevare i all visuell kommunikasjon. Totalinntrykket skal være lyst og imøtekommende, fremfor mørkt og tungt. Hold det visuelle inntrykket noenlunde «rent».
- Blå 1: #393c61, Blå 2: #386e84, Blå 3: #65adc3, Blå 4: #d5ebf5
- Rød 1: #d14641, Rød 2: #ee7068, Rød 3: #fbd1cd, Rød 4: #fff0f0
- Gul 1: #f7b665, Gul 2: #fee191, Gul 3: #feeed9
- Grønn 1: #04ab79, Grønn 2: #68cdaf, Grønn 3: #cceee4
Gråblå og gråbeige
![Gråblå farger øverst, gråbeige/greige farger nederst. gråblå og gråbeige farger i paletten](/contentassets/de63ba44487642e297c6ce5995480ba2/grabla-og-grabeige2.png?preset=mainbodywidth&maxwidth=970&width=970)
Gråfargene brukes i samspill med hovedfargene.
- Gråblå 1: #435c68, Gråblå 2: #879ba5, Gråblå 3: #afc0c7, Gråblå 4: #cbd9df, Gråblå 5: #dbe6ec, Gråblå 6: #edf4f7
- Greige 1: #767676, Greige 2: #cfd0cb, Greige 3: #e0dddb, Greige 4: #f0edeb, Greige 5: #f7f6f5, Greige 6: #fbfbfb
Ekstrafarger
Hudfarger
![Vi har seks ulike hudfarger tilgjengelig som ekstrafarger i paletten. Ekstra hudfarger til paletten](/contentassets/de63ba44487642e297c6ce5995480ba2/ekstrafarger-hud.png?preset=mainbodywidth&maxwidth=970&width=970)
Disse fargene brukes ved behov for ulike hudfarger i illustrasjoner.
1: #feeed9, 2: #ebd3c0, 3: #e4bf9d, 4: #bf8f6b, 5: #876249, 6: #3f2e25
![De to ekstrafargene for utviklere brukes som funksjonsfarger i innloggede systemer. Ekstra farger for innloggede systemer. En i klar rosa og en i klar blå.](/contentassets/de63ba44487642e297c6ce5995480ba2/ekstrafarger-innloggede-systemer.png?preset=mainbodywidth&maxwidth=970&width=970)
Funksjonsfarger for innloggede systemer
Disse fargene brukes kun av utviklere, og kun for innloggede systemer.
1: #de2968, 2: #e4bf9d
Fargepalett for visning av statistikk (grafer, kart og diagrammer)
![Kvalitativ palett (øverst), kvantitativ palett (midten) og divergerende palett (nederst). visning av kvalitativ palett, kvantitativ palett og divergerende palett](/contentassets/de63ba44487642e297c6ce5995480ba2/statistikkpalett.png?preset=mainbodywidth&maxwidth=970&width=970)
- Kvalitativ fargepalett: Paletten består av farger som er klart forskjellige fra hverandre. Fargene skal skille kategorier som ikke har en egen rekkefølge eller hierarki, slik som land, etnisitet, kjønn eller politiske partier. I fargeskalaen har hver farge like stor vekt, ingen er viktigere enn andre.
- Sekvensiell fargepalett: Paletten består av en gradert farge som går fra lys til mørk og indikerer endring i verdier.
- Divergerende fargepalett: Paletten brukes i grafer for å representere numeriske data og består av to farger med en nøytral midtverdi.
- Veileder for visualisering av statistikk (kun tilgjengelig for ansatte)
Tekstfarge
Fargen #222222 er tekstfargen til instituttet. Den har et så høyt kontrastnivå at den kan brukes istedenfor svart, samtidig som den gir et visuelt mykere uttrykk enn kun bruk av svart. I tillegg til tekst kan fargen også brukes ved behov for sortlignende hårfarge og elementer i illustrasjoner, eller dersom for eksempel prosjekter eller studier velger å bruke sort/hvitt som illustrasjonsstil.
Dersom tekst på illustrasjoner, videoer, bilder, roll-ups, plakater og annet grafisk materiell skal ha en annen farge enn svart (for eksempel overskrifter eller uthevelser), er det viktig at de følger kravet for kontrast mellom tekst og bakgrunn i henhold til lov om likestilling og forbud mot diskriminering (lovdata.no).
UU-tilsynet har informasjon om kontrast, hvordan det måles og lenker til verktøy som kan brukes for å sjekke om kontrasten er god nok: