# Tetradisk farveskema: fire farver i balance

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

Fire farver er den rigeste klassiske harmoni og den nemmeste at få forkert. Hemmeligheden er ikke at vælge de fire farvetoner, det er bare regning, men at beslutte, hvilken af dem der bestemmer.

## The short version

- Et tetradisk farveskema bruger fire farvetoner placeret som to komplementære par på farvehjulet.
- Rektangelversionen parrer to farvetoner med 60 graders afstand med deres to modsætninger; kvadratversionen placerer alle fire med 90 graders mellemrum.
- Tetradiske paletter er rige og varierede, men svære at balancere, fordi fire farvetoner kæmper om opmærksomheden.
- Skemaet virker, når én farve dominerer, en anden støtter, og de sidste to bruges som små accenter.
- Når nogle af de fire farvetoner dæmpes eller gøres mørkere, føles en tetradisk palet sofistikeret i stedet for højrøstet.

Et **tetradisk farveskema** er fire farvetoner, der danner to komplementære par på farvehjulet. Forbinder du dem med linjer, tegner du et rektangel eller et kvadrat, og derfor kaldes de to versioner rektangel- og kvadratskemaer. Fordi det rummer varme og kolde farver på begge sider af hjulet, er en tetradisk palet den mest komplette af de klassiske harmonier. Det er også den, der lettest ser kaotisk ud, medmindre du lader én farve føre an og holder de tre andre på deres plads.

## Rektangulære og kvadratiske tetradiske skemaer

Begge versioner starter med en grundtone og tilføjer dens komplementærfarve, 180 grader væk. De adskiller sig ved, hvor det andet par sidder.

| Version | Farvetoner fra grundtonen | Karakter |
| --- | --- | --- |
| Rektangel, eller dobbelt komplementær | 0, 60, 180 og 240 grader | To nære naboer og deres modsætninger; lettere at balancere |
| Kvadrat | 0, 90, 180 og 270 grader | Helt jævn afstand; den mest varierede og den mest dristige |

Rektangelskemaer har et naturligt par allierede på hver side, og derfor starter designere som regel der.

- Kobolt: #1b3c7e
- Ametyst: #9d59c0
- Morgenfrue: #f0b642
- Bregne: #7dba5e

Et rektangelskema: kobolt og ametyst med 60 graders afstand over for morgenfrue og bregne.

- Dyb violet: #452277
- Koralrød: #e25a66
- Limeblad: #95c059
- Havpetrol: #2e9e95

Et kvadratskema: fire farvetoner med 90 graders afstand, hvor violetten er gjort dybere, så den kan fungere som bund.

## Sådan bygger du et tetradisk farveskema

1. **Vælg grundtonen** Vælg den farve, dit brand eller design bygger på. Notér dens farvetone i grader, som enhver farvevælger, der viser HSL, giver dig.
2. **Tilføj komplementærfarven** Læg 180 grader til. Det par er skemaets rygrad. [Komplementærfarver](https://gradiently.design/da/guide/complementary-colors) forklarer, hvorfor modsætninger virker.
3. **Vælg rektangel eller kvadrat** Til et rektangel lægger du 60 grader til grundtonen og til komplementærfarven. Til et kvadrat lægger du 90 grader til hver.
4. **Giv hver farve en opgave** Én dominerende, én støttende, to accenter. Skriv det ned, så rollerne forbliver de samme i hvert design.
5. **Juster lyshed og mætning** Gør den dominerende farve mørkere, blødgør den støttende, og hold accenterne klarest. Farvetonen sætter harmonien; lysheden sætter hierarkiet.

```css
:root {
  --h: 220; /* base hue */

  /* Rectangle scheme */
  --c1: hsl(var(--h) 65% 30%);
  --c2: hsl(calc(var(--h) + 60) 45% 55%);
  --c3: hsl(calc(var(--h) + 180) 85% 60%);
  --c4: hsl(calc(var(--h) + 240) 40% 55%);

  /* For a square scheme use +90, +180 and +270 instead */
}
```

Rektangelpaletten ovenfor genereret ud fra ét tal. Farvetonen i HSL går selv rundt forbi 360, så du behøver aldrig trække fra.

## Hvorfor fire farver er svære at balancere

Med to farver er kontrast enkel. Med fire stærke farvetoner aner øjet ikke, hvor det skal kigge først, og hver farve ser ud til at råbe over de andre. De fleste tetradiske designs, der fejler, gør det, fordi alle fire farver får nogenlunde lige meget plads og lige meget mætning. Løsningen er hierarki, ikke færre farver.

Stående eventopslag om et åbent værksted i weekenden med én dominerende baggrundsfarve og små accenter

Én farve fører an i baggrunden, og de andre dukker op små steder: travlt indhold, roligt design.

Stående listeopslag i samme serie, ført an af en anden farve fra skemaet med fire farver

Et ledsagende opslag, hvor en anden farve fra sættet fører an, så serien føles beslægtet, men ikke gentagende.

Den anden figur peger på skemaets egentlige styrke. Fire farver giver dig variation nok til en hel serie: hvert opslag kan føres an af et nyt medlem af paletten, mens sættet stadig tydeligt hører sammen. Det er ideelt til karruseller, menukort og eventprogrammer, hvor [brandkonsistens](https://gradiently.design/da/guide/brand-consistency) betyder noget, men ensformighed bliver kedelig.

## Hvor et tetradisk farveskema virker bedst

Fire farvetoner gør sig fortjent til deres plads, når et projekt skal skelne tydeligt mellem flere ting uden at opfinde nye farver hver gang. En enkelt plakat har sjældent brug for det. Et system har det som regel.

- **Kategorikoder:** et cafémenukort med drikke, morgenmad, frokost og kager, hver med sin egen farve.
- **Eventprogrammer:** fire scener, spor eller dage, som besøgende skal kunne skelne med ét blik.
- **Diagrammer og dashboards:** fire dataserier, der skal forblive tydelige, helst også [tjekket for farveblindhed](https://gradiently.design/da/guide/color-blindness-design).
- **Brands til børn og leg:** hvor den fulde, klare version af paletten netop er pointen.
- **Sæsonkampagner:** én farvetone fører an i hvert kvartal af året, med de andre som støtte.

Til proportionerne starter du med [60-30-10-reglen](https://gradiently.design/da/guide/60-30-10-rule) og deler de sidste ti procent mellem de to accenter. På et menukort fylder den dominerende farve for eksempel siden, støttefarven markerer overskrifter, og de to accenter markerer de vegetariske og nye retter.

## Sådan får du en tetradisk palet til at se sofistikeret ud

Tetradiske paletter med fuld mætning ligner en legetøjskasse, hvilket er perfekt til en legetøjsbutik og forkert til de fleste andre. Træk to eller tre af farverne mod grå eller mod mørk, så ser de samme farvetoner gennemtænkte og voksne ud.

- Skifermarine: #24324c
- Lyng: #a085ad
- Hvede: #dfc590
- Salvie: #85a375
- Hør: #f6f2ea

Koboltrektanglet dæmpet: de samme farvetoner, nu rolige nok til et hotel, en boghandel eller et bryllup.

- Kobolt til ametyst: `linear-gradient(135deg, #1b3c7e 0%, #9d59c0 100%)`
- Morgenfrue til bregne: `linear-gradient(135deg, #f0b642 0%, #7dba5e 100%)`
- Lyng på skifer: `radial-gradient(circle at 70% 30%, #a085ad 0%, #24324c 55%, #141c2b 100%)`

I et rektangelskema blander du hvert par med 60 graders afstand med sig selv. At blande over til en modsætning krydser grå; se [mudrede gradienter](https://gradiently.design/da/guide/muddy-gradients).

### Undgå

- Fire farvetoner med lige meget plads og lige stor lysstyrke
- Tekst i én klar farvetone sat på en anden
- En gradient, der løber gennem alle fire
- At tilføje en femte farvetone for at rette balancen

### Gør

- Én dominerende farve, cirka 60 procent af fladen
- En neutral til tekst og luft
- To farvetoner dæmpet, to holdt klarere
- Skift den førende farve hen over en serie

Føles fire farver som for mange, så gå tilbage til tre med [triadiske farver](https://gradiently.design/da/guide/triadic-colors) eller [split-komplementære farver](https://gradiently.design/da/guide/split-complementary-colors), som begge bevarer stærk kontrast med én farvetone mindre at holde styr på. Prøv derefter paletten på rigtige designs: i Gradiently vises farver gemt i et brandkit (en Pro-funktion) først i alle farvevælgere i Studio, så hvert opslag i en serie kan få en ny førende farve.

## FAQ

### Hvad er et tetradisk farveskema?

En palet med fire farvetoner, der består af to komplementære par på farvehjulet og danner et rektangel eller et kvadrat.

### Hvad er forskellen på rektangulære og kvadratiske farveskemaer?

Et rektangelskema bruger farvetoner ved 0, 60, 180 og 240 grader; et kvadratskema placerer dem jævnt med 90 graders mellemrum. Rektangler er som regel lettere at balancere.

### Er tetradisk det samme som dobbelt komplementær?

Det rektangulære tetradiske skema kaldes ofte dobbelt komplementært, fordi det er to komplementære par, der ligger tæt på hinanden.

### Hvad er et eksempel på et tetradisk farveskema?

Kobolt `#1B3C7E`, ametyst `#9D59C0`, morgenfrue `#F0B642` og bregne `#7DBA5E` danner et rektangelskema: kobolt og ametyst ligger 60 grader fra hinanden over for morgenfrue og bregne.

### Hvordan balancerer man en palet med fire farver?

Lad én farve dominere, giv én en støtterolle, og hold de to andre som små accenter. Dæmp eller gør nogle af farvetonerne mørkere, og tilføj en neutral til tekst.