60-30-10-reglen
Det er den mest nyttige regel til at fordele farver. Den kommer fra indretning, men virker til alle projekter.
- 60 %: dominerende farve. Oftest en neutral eller blød nuance. Den dækker baggrunde og store flader.
- 30 %: sekundær farve. Den giver personlighed. Brug den til blokke, menuer eller møbler.
- 10 %: accentfarve. Den stærkeste. Brug den til knapper, ikoner eller detaljer.
For eksempel: knækket hvid til 60 %, marineblå til 30 % og orange til 10 %.
Du behøver ikke måle præcist. Idéen: én farve leder, én støtter, og én skiller sig ud.
De neutrale farvers rolle
Neutrale farver er hvid, sort, grå, beige, creme og lyse brune nuancer. De passer til næsten alt.
De giver øjnene hvile og lader stærke farver komme til deres ret. En farvepalet uden neutrale farver føles oftest anstrengende.
- Hvid og knækket hvid: renhed og luft.
- Grå: moderne og afdæmpet. Vælg varme eller kolde grå, der passer til resten af farvepaletten.
- Beige og sand: varme og naturlighed.
- Sort eller næsten sort: elegance og kontrast. Til tekst er en meget mørk grå oftest behageligere end helt sort.
Kombiner efter temperatur
Farver er varme (rød, orange, gul) eller kolde (blå, grøn, lilla). Der er tre enkle måder at kombinere dem på:
- Kun varme farver: hyggeligt og energisk. Perfekt til restauranter eller venlige brands.
- Kun kolde farver: roligt og professionelt. Perfekt til sundhed, teknologi eller finans.
- Kold base med en varm accent: den mest alsidige mulighed. Den varme accent trækker blikket mod en rolig baggrund.
Det, der oftest går galt: mange stærke varme og kolde farver på én gang, uden en dominerende farve.
Kontrast til tekst
En smuk farve er ligegyldig, hvis teksten ikke kan læses. Kontrasten mellem tekst og baggrund er afgørende for læsbarhed og tilgængelighed.
- Brug mørk tekst på lys baggrund eller lys tekst på mørk baggrund.
- Undgå gul, lysegrøn eller lysegrå tekst på hvid.
- Læg ikke mættede komplementærfarver oven på hinanden, som rød på grøn. Det flimrer og trætter øjnene.
- WCAG-retningslinjerne kræver et kontrastforhold på mindst 4,5:1 for normal tekst og 3:1 for stor tekst.
Du kan teste ethvert farvepar med vores kontrasttjek.
15 farvekombinationer, der altid virker
Disse par er et sikkert udgangspunkt. Brug dem som base og tilføj en neutral farve eller en accent efter behov.
- Marineblå og creme: klassisk, seriøst og let at læse.
- Sort og guld: luksus og elegance.
- Blå og orange: komplementært og fuld af energi.
- Grangrøn og beige: naturligt og roligt.
- Pink og antracit: moderne og afbalanceret.
- Gul og sort: maksimal kontrast, perfekt til advarsler.
- Vinrød og sand: varmt og raffineret.
- Turkis og koral: frisk og sommerligt.
- Lilla og lyslilla: monokromt og kreativt.
- Brun og salviegrøn: jordnært, perfekt til naturmærker.
- Grå og fersken: blødt og venligt.
- Petroleumsblå og lysegul: roligt med et strejf af lys.
- Terrakotta og knækket hvid: varmt og middelhavsinspireret.
- Mørk petroleum og sennepsgul: retro og med karakter.
- Hvid og rød: direkte, energisk og meget synligt.
Mange flere idéer med HEX-koder finder du på vores side med farvekombinationer.
Hvilke farver passer til hvilken farve
Har du allerede en hovedfarve, giver denne liste dig en hurtig start:
- Rød: hvid, sort, grå, marineblå og beige. Til noget dristigt: pink eller orange.
- Orange: marineblå, turkis, hvid, creme og brun.
- Gul: grå, sort, marineblå og hvid. Sennepsgul passer godt til mørkegrøn.
- Grøn: beige, hvid, brun, guld og blød lyserød.
- Blå: hvid, orange, grå, gul og koral. Marineblå fungerer næsten som en neutral farve.
- Lilla: grå, lyslilla, guld, salviegrøn og hvid.
- Pink: grå, marineblå, olivengrøn, hvid og guld.
- Brun: creme, grøn, petroleumsblå, orange og knækket hvid.
Du lægger sikkert mærke til, at neutrale farver er med på næsten hver liste. De er den sikreste partner til en stærk farve.
Sådan laver du din egen kombination
- Vælg en hovedfarve ud fra det, du vil udtrykke.
- Find en sekundær farve i farvecirklen: en nabo til noget roligt, en modsætning til noget, der skal skille sig ud.
- Tilføj en eller to neutrale farver.
- Vælg en accentfarve til det vigtigste.
- Test farvepaletten på et rigtigt eksempel: en hjemmeside, et dias i en præsentation eller et foto af rummet.
Er du i tvivl, så brug færre farver. Tre til fem farver er nok til næsten alle projekter.
Typiske fejl med farver
- For mange farver. Resultatet ser rodet ud, og intet skiller sig ud.
- At give alle farver lige stor vægt. Uden en dominerende farve ved øjet ikke, hvor det skal kigge.
- At glemme kontrasten. Tekst, der ikke kan læses, eller knapper, som ingen ser.
- At mætte alt. Meget stærke farver trætter. Kombiner dem med blødere nuancer.
- At ignorere sammenhængen. En farve ser forskellig ud i dagslys, på en skærm og på papir.
- At kopiere uden at tilpasse. En farvepalet, der virker for ét brand, passer ikke nødvendigvis til din målgruppe.
- At blande neutrale farver med forskellig temperatur. En kold grå ved siden af en varm beige kan se beskidt ud. Vælg neutrale farver fra samme familie.
- Ikke at teste på flere skærme. En farve kan være smuk på computeren og bleg på mobilen. Tjek den altid på mere end én enhed.