60-30-10-regelen
Dette er den mest nyttige regelen for å fordele farger. Den kommer fra interiørdesign, men fungerer for alle prosjekter.
- 60 %: dominerende farge. Som regel en nøytral eller myk nyanse. Den dekker bakgrunner og store flater.
- 30 %: sekundærfarge. Den gir personlighet. Bruk den til blokker, menyer eller møbler.
- 10 %: aksentfarge. Den sterkeste. Bruk den til knapper, ikoner eller detaljer.
For eksempel: beinhvitt til 60 %, marineblått til 30 % og oransje til 10 %.
Du trenger ikke måle nøyaktig. Tanken: én farge leder, én støtter og én skiller seg ut.
Nøytrale fargers rolle
Nøytrale farger er hvitt, svart, grått, beige, krem og lyse brune nyanser. De passer med nesten alt.
De gir øynene hvile og lar sterke farger komme til sin rett. En fargepalett uten nøytrale farger virker som regel slitsom.
- Hvitt og beinhvitt: renhet og luft.
- Grått: moderne og tilbakeholdent. Velg varme eller kalde grånyanser som passer resten av fargepaletten.
- Beige og sand: varme og naturlighet.
- Svart eller nesten svart: eleganse og kontrast. Til tekst er en svært mørk grå som regel behageligere enn helt svart.
Kombiner etter temperatur
Farger er varme (rødt, oransje, gult) eller kalde (blått, grønt, lilla). Det finnes tre enkle måter å kombinere dem på:
- Bare varme farger: koselig og energisk. Perfekt for restauranter eller vennlige merkevarer.
- Bare kalde farger: rolig og profesjonelt. Perfekt for helse, teknologi eller finans.
- Kald base med en varm aksent: det mest allsidige alternativet. Den varme aksenten trekker blikket mot seg på en rolig bakgrunn.
Det som oftest går galt: mange sterke varme og kalde farger samtidig, uten en dominerende farge.
Kontrast for tekst
En vakker farge er meningsløs hvis teksten ikke kan leses. Kontrasten mellom tekst og bakgrunn er avgjørende for lesbarhet og tilgjengelighet.
- Bruk mørk tekst på lys bakgrunn eller lys tekst på mørk bakgrunn.
- Unngå gul, lysegrønn eller lysegrå tekst på hvitt.
- Ikke legg mettede komplementærfarger oppå hverandre, som rødt på grønt. Det flimrer og sliter på øynene.
- WCAG-retningslinjene krever et kontrastforhold på minst 4,5:1 for vanlig tekst og 3:1 for stor tekst.
Du kan teste hvilket fargepar som helst med kontrastsjekken vår.
15 fargekombinasjoner som alltid fungerer
Disse parene er et trygt utgangspunkt. Bruk dem som base og legg til en nøytral farge eller en aksent ved behov.
- Marineblått og krem: klassisk, seriøst og lettlest.
- Svart og gull: luksus og eleganse.
- Blått og oransje: komplementært og fullt av energi.
- Furugrønt og beige: naturlig og rolig.
- Rosa og antrasitt: moderne og balansert.
- Gult og svart: maksimal kontrast, perfekt for advarsler.
- Vinrødt og sand: varmt og raffinert.
- Turkis og korall: friskt og sommerlig.
- Lilla og lyselilla: monokromt og kreativt.
- Brunt og salviegrønt: jordnært, perfekt for naturmerker.
- Grått og fersken: mykt og vennlig.
- Petrolblått og lysegult: rolig med et snev av lys.
- Terrakotta og beinhvitt: varmt og middelhavsinspirert.
- Mørk petrol og sennepsgult: retro og med karakter.
- Hvitt og rødt: direkte, energisk og godt synlig.
Mange flere ideer med HEX-koder finner du på siden vår med fargekombinasjoner.
Hvilke farger passer til hvilken farge
Har du allerede en hovedfarge, gir denne listen deg en rask start:
- Rødt: hvitt, svart, grått, marineblått og beige. For noe dristig: rosa eller oransje.
- Oransje: marineblått, turkis, hvitt, krem og brunt.
- Gult: grått, svart, marineblått og hvitt. Sennepsgult passer godt med mørkegrønt.
- Grønt: beige, hvitt, brunt, gull og myk rosa.
- Blått: hvitt, oransje, grått, gult og korall. Marineblått fungerer nesten som en nøytral farge.
- Lilla: grått, lyselilla, gull, salviegrønt og hvitt.
- Rosa: grått, marineblått, olivengrønt, hvitt og gull.
- Brunt: krem, grønt, petrolblått, oransje og beinhvitt.
Du legger sikkert merke til at nøytrale farger er med i nesten hver liste. De er den tryggeste partneren for en sterk farge.
Slik lager du din egen kombinasjon
- Velg en hovedfarge ut fra hva du vil uttrykke.
- Finn en sekundærfarge i fargesirkelen: en nabo for noe rolig, en motsats for noe som skiller seg ut.
- Legg til én eller to nøytrale farger.
- Velg en aksentfarge til det viktigste.
- Test fargepaletten på et ekte eksempel: en nettside, et lysbilde i en presentasjon eller et bilde av rommet.
Er du i tvil, bruk færre farger. Tre til fem farger holder for nesten alle prosjekter.
Vanlige feil med farger
- For mange farger. Resultatet ser rotete ut, og ingenting skiller seg ut.
- Å gi alle farger like stor vekt. Uten en dominerende farge vet ikke øyet hvor det skal se.
- Å glemme kontrasten. Tekst som ikke kan leses, eller knapper ingen ser.
- Å mette alt. Svært sterke farger blir slitsomme. Kombiner dem med mykere nyanser.
- Å overse sammenhengen. En farge ser ulik ut i dagslys, på en skjerm og på papir.
- Å kopiere uten å tilpasse. En fargepalett som fungerer for én merkevare, passer ikke nødvendigvis din målgruppe.
- Å blande nøytrale farger med ulik temperatur. En kald grå ved siden av en varm beige kan se skitten ut. Velg nøytrale farger fra samme familie.
- Å ikke teste på flere skjermer. En farge kan være vakker på datamaskinen og blek på mobilen. Sjekk den alltid på mer enn én enhet.