Komplementærfarver: kontrast, der stadig føles balanceret

Komplementærfarver er to farvetoner, der sidder lige overfor hinanden på farvehjulet, som blå og orange, rød og grøn eller gul og violet. Hver får den anden til at se mere intens ud, og derfor giver komplementære par den stærkeste farvekontrast, der findes. Brugt med omtanke gør den kontrast, at et enkelt element er umuligt at overse. Brugt jævnt og i fuld styrke gør den et design ubehageligt at se på.

Hvilke par der tæller som komplementære, afhænger af hjulet. Malerens hjul parrer blå med orange, skærmhjulet parrer blå med gul. Guiden til farvehjulet forklarer forskellen. Parrene herunder er dem, designere bruger mest.

Komplementære farvepar, med koder

Hvorfor komplementærfarver vibrerer

Sæt to komplementærfarver med ens lysstyrke og fuld mætning ved siden af hinanden, og kanten imellem dem ser ud til at flimre. Øjnene kan ikke afgøre, hvor den ene ender. Effekten er stærkest med rød og grøn eller blå og orange i lige stor intensitet, og den gør tekst i den ene farve på den anden meget svær at læse.

Løsningen er næsten aldrig at ændre farvetonerne. Gør den ene meget mørkere eller lysere eller meget mindre mættet. Parret forbliver komplementært, men kanten holder op med at kæmpe. Det løser også læsbarheden, for tekst har mere brug for lysstyrkekontrast end farvetonekontrast. Se farvekontrast.

Sådan bruger du komplementærfarver: én fører, én accentuerer

Den mest pålidelige tilgang er at give den ene farve det meste af pladsen og den anden en lille, vigtig opgave: en knap, en pris, ét ord, et klistermærke. Accenten trækker blikket, fordi den er den eneste af sin slags. Halvt og halvt splitter derimod opmærksomheden og ser sjældent planlagt ud.

• Dominerende farve: baggrunde, store former, det meste af fladen. Som regel den mørkeste eller mest dæmpede af de to.
• Accentfarve: call to action, fremhævninger, ét vigtigt tal. Som regel den skarpeste.
• Neutrale farver: næsten hvid, næsten sort eller en varm grå, så begge får plads. Få gode komplementære design består kun af to farver.
• Proportionsguide: 60-30-10-reglen er et nyttigt udgangspunkt, med komplementærfarven som de 10.

Komplementære gradienter uden den grå midte

Blander du to komplementærfarver direkte, bliver midten grå eller brun. I det sRGB-farverum, de fleste værktøjer bruger, giver gennemsnittet af rød-, grøn- og blåværdierne for to modsætninger noget nær neutralt. Det er en af de mest almindelige gradientfejl.

De to stærkeste løsninger er et midterstop i en farvetone mellem parret og interpolation i OKLCH, som bevæger sig rundt om farvehjulet i stedet for at skære tværs over. Mudrede gradienter og OKLCH-gradienter i CSS forklarer begge i detaljer.

Hvor komplementære paletter virker bedst

Komplementærfarver passer til arbejde, der skal bemærkes hurtigt og læses på afstand. De passer dårligere til lang læsning, rolige interiører eller alt, der skal føles stille, hvor analoge farver klarer sig bedre.

• Call to action. En varm knap på en kold side, eller omvendt, er den klassiske brug. Den findes uden at søge.
• Sport og events. Holddragter, plakater og billetter bruger modsatte farver, fordi de kan læses fra den anden side af en stadion eller en gade.
• Mad og detailhandel. Madstyling stiller ofte varme retter op mod kolde tallerkener eller baggrunde, så de træder frem. Et udsalgsmærke i komplementærfarven til emballagen skiller sig ud på en hylde.
• Data og kort. To modsatte farvetoner viser tydeligt to sider af en sammenligning, så længe labels bakker dem op for læsere, der ser farver anderledes.
• Portrætter og produktbilleder. En baggrund i komplementærfarven til motivets hovedfarve adskiller det uden en hård kontur.

Fejl med komplementærfarver, du bør undgå

Føles et komplementært par for spændt, selv når det er balanceret, så prøv splitkomplementær: én farvetone plus de to på hver side af dens modsætning. Det bevarer energien og blødgør sammenstødet. Triadiske og splitkomplementære paletter viser hvordan.