Komplementfärger: kontrast som ändå känns balanserad

Komplementfärger är två nyanser som ligger rakt emot varandra på färgcirkeln, som blått och orange, rött och grönt eller gult och violett. Var och en får den andra att se mer intensiv ut, vilket är varför komplementfärgspar ger den starkaste färgkontrasten som finns. Använd med omsorg gör kontrasten ett enskilt element omöjligt att missa. Använd jämnt och i full styrka gör den en design obehaglig att titta på.

Vilka par som räknas som komplementfärger beror på cirkeln. Målarens cirkel parar blått med orange, skärmens cirkel parar blått med gult. Guiden om färgcirkeln förklarar skillnaden. Paren nedan är de som designers använder mest.

Komplementfärgspar, med koder

Varför komplementfärger vibrerar

Placera två komplementfärger med liknande ljushet och full mättnad bredvid varandra, så verkar kanten mellan dem flimra. Ögat kan inte avgöra var den ena tar slut. Effekten är starkast med rött och grönt eller blått och orange i samma intensitet, och den gör text i den ena färgen på den andra mycket svårläst.

Lösningen är nästan aldrig att byta nyanser. Gör den ena mycket mörkare eller ljusare, eller mycket mindre mättad. Paret förblir komplementärt, men kanten slutar kämpa. Det löser också läsbarheten, eftersom text behöver ljushetskontrast mer än nyanskontrast, se färgkontrast.

Så använder du komplementfärger: en leder, en accentuerar

Det mest pålitliga sättet är att ge den ena färgen det mesta av ytan och den andra ett litet, viktigt jobb: en knapp, ett pris, ett enda ord, en dekal. Accenten drar blicken eftersom den är det enda av sitt slag. Hälften och hälften delar däremot uppmärksamheten och ser sällan planerat ut.

• Dominant färg: bakgrunder, stora former, större delen av ytan. Oftast den mörkare eller stillsammare i paret.
• Accentfärg: uppmaningar till handling, markeringar, ett viktigt tal. Oftast den ljusare.
• Neutrala färger: nästan vitt, nästan svart eller en varm grå som ger båda utrymme. Få bra komplementdesigner har bara två färger.
• Proportioner: 60-30-10-regeln är en bra utgångspunkt, med komplementfärgen som de 10.

Komplementgradienter utan grå mitt

Blandar du två komplementfärger direkt blir mittpunkten grå eller brun. I färgrummet sRGB, som de flesta verktyg använder, ger röd-, grön- och blåvärdena hos två motsatser i medeltal något som ligger nära neutralt. Det är ett av de vanligaste gradientmisstagen.

De två starkaste lösningarna är ett mittstopp i en nyans mellan paret och interpolering i OKLCH, som rör sig runt färgcirkeln i stället för att skära tvärs över den. Sladdriga gradienter och OKLCH-gradienter i CSS förklarar båda i detalj.

Där komplementpaletter fungerar bäst

Komplementfärger passar arbete som snabbt måste synas och läsas på avstånd. De passar sämre för långläsning, lugna miljöer eller allt som ska kännas stilla, där analoga färger fungerar bättre.

• Uppmaningar till handling. En varm knapp på en sval sida, eller tvärtom, är det klassiska användningsområdet. Den hittas utan att man letar.
• Sport och evenemang. Lagdräkter, affischer och biljetter använder motsatta färger eftersom de syns över en arena eller en gata.
• Mat och detaljhandel. Matstylning ställer ofta varma rätter mot svala tallrikar eller bakgrunder så att de framhävs. En rabattdekal i förpackningens komplementfärg syns på hyllan.
• Data och kartor. Två motsatta nyanser visar två sidor av en jämförelse tydligt, så länge etiketter stöttar dem för läsare som ser färg annorlunda.
• Porträtt och produktbilder. En bakgrund i komplementfärgen till motivets huvudfärg skiljer ut det utan en hård kontur.

Vanliga misstag med komplementfärger

Om ett komplementpar känns för spänt även när det är balanserat kan du prova delad komplementfärg: en nyans plus de två på var sida om dess motsats. Den behåller energin och mildrar krocken. Triadiska paletter och delad komplementfärg visar hur.