Splittkomplementære farger: kontrast uten sammenstøt

Splittkomplementære farger er tre farger: en grunnfarge og de to fargene på hver side av dens komplementærfarge. I stedet for å pare blått med den direkte motpolen oransje, parer du blått med rødoransje og guloransje. Du beholder kontrasten mellom varmt og kaldt som gjør komplementære skjemaer livlige. Men fordi ingen ligger nøyaktig motsatt en annen, blir resultatet behageligere og mye lettere å balansere i et faktisk design.

Slik fungerer splittkomplementære farger

Se for deg fargesirkelen som en klokke. Grunnfargen er ved tolv og komplementærfargen ved seks. Et splittkomplementært skjema hopper over seks og velger fem og sju. I grader betyr det fargetoner omtrent 150 og 210 grader fra grunnfargen.

1. 1

   Velg en grunntone

   Start med fargen designet virkelig handler om: merkevaren, produktet eller stemningen. For eksempel blågrønt ved 175 grader.

2. 2

   Finn komplementærfargen

   Legg til 180 grader. Blågrønts motpol er korallrødt ved omtrent 355 grader.

3. 3

   Gå 30 grader til hver side

   Gå 30 grader i hver retning fra komplementærfargen: omtrent 325 grader (rosa) og 25 grader (oransje).

4. 4

   Juster lyshet og metning

   Fargetonene bestemmer skjemaet, men du velger hvor lys, dyp eller dempet hver skal være. Her begynner paletten å ligne din egen.

Derfor krasjer splittkomplementære farger mindre

Nøyaktige motpoler, som rødt og cyan eller blått og oransje, konkurrerer ved lik styrke. Ved siden av hverandre med full metning kan de virke vibrerende. Blandet blir de grå. Komplementærfarger er kraftige av den grunn, men gir lite rom for feil.

I et splittskjema ligger partnerne 60 grader fra hverandre og er derfor nære slektninger. De støtter hverandre i stedet for å kjempe, og balanserer sammen grunnfargen. Du får kontrast med en naturlig alliert på den varme eller kjølige siden, avhengig av utgangspunktet.

Eksempler på splittkomplementære paletter

Fem paletter laget med trinnene over. Første farge i hver rad er grunnfargen, de andre to er splittpartnerne. Lyshet og metning er justert så hvert sett kan brukes i ekte arbeid, ikke bare stemmer i teorien.

Bruk et splittkomplementært skjema i design

Tre like sterke farger får et design til å ligne et flagg. Gi dem heller ulike oppgaver. 60-30-10-regelen er et godt utgangspunkt: grunnfargen dekker mest, én partner støtter, og den andre vises bare der blikket skal gå først.

Demping er det andre grepet. Gjør grunnfargen mørkere eller gråere til den nesten oppfører seg som en nøytral farge. Da virker partnerne plutselig bevisste fremfor høylytte. Slik blir splittskjemaer sofistikerte: dyp blågrønn, støvet rosa og myk aprikos har samme toner som den klare versjonen, men ligner et boutiquehotell fremfor en badeball.

Malersirkel eller skjermsirkel

Det finnes to vanlige fargesirkler. Den tradisjonelle malersirkelen har rødt, gult og blått som primærfarger, så rødt har grønt som motpol. Skjermer bruker rødt, grønt og blått lys, så på en HSL-sirkel er motpolen til rødt cyan. Begge gir gyldige skjemaer. Bruk bare én sirkel konsekvent. Jobber du i CSS, bruker hsl() skjermsirkelen, så du kan generere et skjema med litt regning.

:root {
  --h: 175; /* base hue in degrees */
  --base: hsl(var(--h) 70% 32%);
  --split-a: hsl(calc(var(--h) + 150) 70% 60%);
  --split-b: hsl(calc(var(--h) + 210) 90% 60%);
}

For å se paletten på ekte formater kan Designer i Gradiently sette opp innlegg, story og banner samtidig. Da vurderer du proporsjonene i alle størrelser fremfor på et fargeprøvekort.