Komplementærfarger: kontrast som fortsatt føles balansert

Komplementærfarger er to fargetoner som ligger rett overfor hverandre på fargehjulet, som blått og oransje, rødt og grønt, eller gult og fiolett. Hver får den andre til å se mer intens ut, og derfor gir komplementære par den sterkeste fargekontrasten som finnes. Brukt med omhu gjør den kontrasten at ett enkelt element er umulig å overse. Brukt jevnt og i full styrke gjør den et design ubehagelig å se på.

Hvilke par som regnes som komplementære, avhenger av hjulet. Malerens hjul parer blått med oransje, mens skjermhjulet parer blått med gult. Guiden om fargehjulet forklarer forskjellen. Parene under er de designere bruker mest.

Komplementære fargepar, med koder

Hvorfor komplementærfarger vibrerer

Sett to komplementærfarger med lik lyshet og full metning ved siden av hverandre, og kanten mellom dem ser ut til å flimre. Øynene finner ikke ut hvor den ene slutter. Effekten er sterkest med rødt og grønt eller blått og oransje i lik intensitet, og den gjør tekst i den ene fargen på den andre svært vanskelig å lese.

Løsningen er nesten aldri å endre fargetonene. Gjør den ene mye mørkere eller lysere, eller mye mindre mettet. Paret forblir komplementært, men kanten slutter å slåss. Dette løser også lesbarheten, for tekst trenger lyshetskontrast mer enn fargetonekontrast, se fargekontrast.

Slik bruker du komplementærfarger: én leder, én er aksent

Den sikreste tilnærmingen er å gi én farge det meste av plassen og den andre en liten, viktig jobb: en knapp, en pris, et enkelt ord, et klistremerke. Aksenten drar blikket fordi den er den eneste av sitt slag. Halvt om halvt derimot deler oppmerksomheten og ser sjelden planlagt ut.

• Dominerende farge: bakgrunner, store former, mesteparten av flaten. Vanligvis den mørkeste eller stillest av paret.
• Aksentfarge: oppfordringer, uthevinger, ett nøkkeltall. Vanligvis den sterkeste.
• Nøytrale: nesten hvitt, nesten svart eller en varm grå som gir begge rom. Få gode komplementære design har bare to farger.
• Proporsjonsguide: 60-30-10-regelen er et nyttig utgangspunkt, med komplementærfargen som de 10.

Komplementære gradienter uten grått midtparti

Blander du to komplementærfarger direkte, blir midtpunktet grått eller brunt. I sRGB-fargerommet de fleste verktøy bruker, gir gjennomsnittet av de røde, grønne og blå verdiene til to motsatser noe som ligger nær nøytralt. Det er en av de vanligste gradientfeilene.

De to sterkeste løsningene er et midtstopp i en fargetone mellom paret og interpolasjon i OKLCH, som beveger seg rundt fargehjulet i stedet for å skjære tvers over det. Sølete gradienter og OKLCH-gradienter i CSS forklarer begge i detalj.

Hvor komplementære paletter fungerer best

Komplementærfarger passer til arbeid som må oppdages raskt og leses på avstand. De passer dårligere til lang lesing, rolige interiører eller alt som skal føles stille, der analoge farger gjør det bedre.

• Oppfordringer. En varm knapp på en kald side, eller omvendt, er den klassiske bruken. Den blir funnet uten leting.
• Sport og arrangementer. Draktsett, plakater og billetter bruker motsatte farger fordi de leses fra andre siden av en stadion eller en gate.
• Mat og detaljhandel. Matstyling setter ofte varme retter mot kalde tallerkener eller bakgrunner så de trer fram, og et salgsmerke i komplementærfargen til emballasjen skiller seg ut på en hylle.
• Data og kart. To motsatte fargetoner viser to sider av en sammenligning tydelig, så lenge etiketter støtter dem for lesere som ser farge annerledes.
• Portretter og produktbilder. En bakgrunn i komplementærfargen til motivets hovedfarge skiller det ut uten en hard kontur.

Feil med komplementærfarger du bør unngå

Hvis et komplementært par føles for spent selv når det er balansert, prøv splittet komplementær: én fargetone pluss de to på hver side av motsatsen. Den beholder energien og mykner kollisjonen. Triadiske og splittet komplementære paletter viser hvordan.