Split-komplementære farver: kontrast med færre sammenstød

Split-komplementære farver er tre farver: en grundfarve plus de to farver på hver side af grundfarvens komplementærfarve. I stedet for at parre blå med dens direkte modsætning, orange, parrer du blå med rødorange og gulorange. Du beholder kontrasten mellem varm og kold, der gør komplementære skemaer livlige, men fordi intet står præcis over for noget andet, er resultatet nemmere for øjet og meget nemmere at balancere i et rigtigt design.

Sådan virker split-komplementære farver

Forestil dig farvecirklen som et ur. Din grundfarve står ved tolv. Dens komplementærfarve står ved seks. Et split-komplementært skema springer seks over og tager fem og syv i stedet. I grader betyder det farvetoner cirka 150 og 210 grader fra grundfarven.

1. 1

   Vælg en grundtone

   Start med den farve, dit design virkelig handler om: brandfarven, produktet, stemningen. Lad os sige petrol med en farvetone på 175 grader.

2. 2

   Find dens komplementærfarve

   Læg 180 grader til. Petrols komplementærfarve er en koralrød ved cirka 355 grader.

3. 3

   Gå 30 grader til hver side

   Gå 30 grader hver vej fra komplementærfarven: cirka 325 grader (pink) og 25 grader (orange).

4. 4

   Justér lyshed og mætning

   Farvetonerne fastlægger skemaet, men du bestemmer, hvor lys, dyb eller dæmpet hver farve er. Det er der, paletten begynder at ligne din.

Hvorfor split-komplementære farver skurrer mindre

Præcise modsætninger, som rød og cyan eller blå og orange, konkurrerer om opmærksomheden med lige stor styrke. Placeret side om side i fuld mætning kan de se ud til at vibrere, og blandet sammen bliver de grå. Komplementærfarver er stærke af netop den grund, men de giver kun lidt plads til fejl.

I et split-skema ligger de to partnere 60 grader fra hinanden, hvilket gør dem til nære slægtninge. De støtter hinanden i stedet for at slås, og sammen balancerer de grundfarven. Du får kontrast med én naturlig allieret på den varme side eller den kolde side, alt efter hvor du starter.

Eksempler på split-komplementære paletter

Fem paletter bygget med trinene ovenfor. Den første farve i hver række er grundfarven; de to andre er dens split-partnere. Lyshed og mætning er justeret, så hvert sæt kan bruges til rigtigt arbejde og ikke kun er teoretisk korrekt.

Sådan bruger du et split-komplementært skema i et design

Tre lige højlydte farver får et design til at ligne et flag. Giv dem i stedet ulige opgaver. 60 30 10-reglen er et godt udgangspunkt: grundfarven dækker det meste af fladen, én partner får en støttende rolle, og den anden dukker kun op, hvor du vil have øjet hen først.

Dæmpning er dit andet håndtag. Gør grundfarven mørkere eller gråere, indtil den opfører sig næsten som en neutral, så ser de to partnere pludselig bevidste ud i stedet for højlydte. Sådan ender split-skemaer med at føles sofistikerede: en dyb petrol, en støvet rosa og en blød abrikos bruger de samme farvetoner som den skarpe version, men virker som et boutiquehotel i stedet for en badebold.

Malerens farvecirkel eller skærmens

Der findes to almindelige farvecirkler. Malerens traditionelle farvecirkel bruger rød, gul og blå som primærfarver, så røds modsætning er grøn. Skærme bruger rødt, grønt og blåt lys, så på en HSL-cirkel er røds modsætning cyan. Begge giver gyldige skemaer; brug blot én cirkel konsekvent. Arbejder du i CSS, er det skærmens cirkel, hsl() bruger, så du kan generere et skema med lidt 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%);
}

Vil du se en palet virke i rigtige formater, kan Designer i Gradiently sætte et opslag, en story og et banner op på én gang, så du kan vurdere proportionerne i alle størrelser i stedet for på et farvekort.