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

[Canonical HTML page](https://gradiently.design/da/guide/split-complementary-colors)

Et komplementært par er højlydt og svært at balancere. Del modsætningen i to, så beholder du næsten al kontrasten, mens farverne holder op med at slås. Sådan virker det, med paletter, du kan kopiere.

## The short version

- Split-komplementære farver er en grundfarve plus de to farver, der sidder på hver side af dens komplementærfarve i farvecirklen.
- På en farvecirkel på 360 grader sidder de to partnere cirka 150 og 210 grader fra grundfarven, omkring 30 grader på hver side af dens præcise modsætning.
- Skemaet bevarer en stærk kontrast, men skurrer mindre end et rent komplementært par, fordi ingen to farver står præcis over for hinanden.
- Det fungerer bedst, når grundfarven dominerer, og de to splitfarver bruges som mindre accenter.
- Malerens farvecirkel og skærmens farvecirkel placerer komplementærfarver forskelligt, så den samme grundfarve kan give lidt forskellige split-paletter.

**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](https://gradiently.design/da/guide/color-wheel) 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. **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. **Find dens komplementærfarve** Læg 180 grader til. Petrols komplementærfarve er en koralrød ved cirka 355 grader.
3. **Gå 30 grader til hver side** Gå 30 grader hver vej fra komplementærfarven: cirka 325 grader (pink) og 25 grader (orange).
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.

- Petrol som grundfarve: #188b81
- Orkidépink: #e052a5
- Abrikos: #f58a3d
- Dyb petrol: #173633
- Varmt papir: #f6f0ea

Eksemplet fra trinene: petrol med pink og abrikos plus en mørkere petrol og en neutral farve til tekst og luft.

## 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](https://gradiently.design/da/guide/complementary-colors) 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.

| Skema | Farver | Kontrast | Let at balancere |
| --- | --- | --- | --- |
| Komplementært | 2, præcis modsat | Højest | Svært |
| Split-komplementært | 3, grundfarve plus to næsten modsatte | Høj | Middel |
| [Triadisk](https://gradiently.design/da/guide/triadic-colors) | 3, jævnt fordelt med 120 grader | Høj | Middel til svært |
| [Analogt](https://gradiently.design/da/guide/analogous-colors) | 3, side om side | Lav | Let |

Split-komplementært ligger mellem analog ro og komplementær dramatik.

## 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.

| Grundfarve | Hex for grundfarve | Split-partnere | Føles |
| --- | --- | --- | --- |
| Petrol | `#188b81` | `#e052a5` orkidé, `#f58a3d` abrikos | Tropisk, moderne, livlig |
| Violet | `#6629a3` | `#f5e63d` citron, `#3fa648` blad | Legende, kreativ, modig |
| Koboltblå | `#1b4f98` | `#e45e44` cinnober, `#f5d63d` solsikke | Selvsikker, sporty, klassisk |
| Karmoisin | `#c32230` | `#318160` jade, `#2970a3` himmelblå | Festlig, jordbunden, fyldig |
| Skovgrøn | `#2a6f41` | `#ab5eba` orkidé, `#e4677c` rosa | Botanisk, romantisk, frisk |

Kopiér koderne direkte ind i dit værktøj. Brug grundfarven til det meste af fladen.

- Petrolskema: de to partnere: `linear-gradient(135deg, #e052a5 0%, #f58a3d 100%)`
- Koboltskema: de to partnere: `linear-gradient(135deg, #e45e44 0%, #f5d63d 100%)`
- Petrol som baggrund: `radial-gradient(circle at 75% 25%, #188b81 0%, #173633 60%, #0b1a19 100%)`
- Kobolt som baggrund: `radial-gradient(circle at 25% 25%, #2970a3 0%, #1b4f98 45%, #0c1f3d 100%)`

De to split-partnere er naboer, så de glider rent over i hinanden. Blander du grundfarven direkte over i en partner, krydser du cirklen, og det bliver mudret, så hold grundfarven som sin egen baggrund.

## 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](https://gradiently.design/da/guide/60-30-10-rule) 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.

Opslag i portræt med sommermenu på en dyb petrolbaggrund med accenter i pink og abrikos

En dyb petrolbaggrund gør det meste af arbejdet; pink og abrikos er gemt til ordene og ét højdepunkt.

### Undgå

- Alle tre farvetoner i fuld mætning og på lige store flader
- Brødtekst i den ene partnerfarve oven på den anden
- Én gradient fra grundfarve til partner tværs over cirklen
- At tilføje en fjerde skarp farvetone oveni

### Gør

- Én dominerende grundfarve, ofte gjort dybere eller dæmpet
- Partnere i forskellig lyshed, så den ene fører an
- En neutral farve til tekst og luft
- Tjek kontrasten overalt, hvor der står ord

## 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.

```css
: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%);
}
```

Ændr `--h`, og hele det split-komplementære skema flytter med. Mere om denne model i [farvetone, mætning og lysstyrke](https://gradiently.design/da/guide/hue-saturation-brightness).

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.

## FAQ

### Hvad er split-komplementære farver?

En grundfarve plus de to farver på hver side af dens komplementærfarve i farvecirklen. For blå er det rødorange og gulorange.

### Hvordan finder man split-komplementære farver?

Find grundfarvens komplementærfarve ved at lægge 180 grader til dens farvetone, og tag så farvetonerne cirka 30 grader på hver side af den.

### Er split-komplementært bedre end komplementært?

Det er nemmere at balancere. Du beholder det meste af kontrasten, men farverne skurrer mindre, fordi ingen af dem er præcise modsætninger.

### Hvad er de split-komplementære farver til rød?

På malerens farvecirkel gulgrøn og blågrøn. På en HSL-cirkel til skærm er røds partnere en grønlig cyan og en blålig cyan, omkring 150 og 210 grader.

### Hvor mange farver er der i et split-komplementært skema?

Tre farvetoner, selvom de fleste rigtige paletter tilføjer en mørk og en lys neutral til tekst og luft.