# Farveharmoni: hvorfor nogle farver hører sammen

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

Farvehjulet giver dig seks klassiske skemaer. De hjælper, men de er kun halvdelen af harmoni. Den anden halvdel er lyshed, mætning og hvor meget du bruger af hver farve.

## The short version

- Farveharmoni er kvaliteten ved et sæt farver, der ser ud, som om de hører sammen.
- De seks klassiske harmonier er monokromatisk, analog, komplementær, splittet komplementær, triadisk og tetradisk, hver defineret ved placeringer på farvehjulet.
- Nuanceforhold alene garanterer ikke harmoni: farver har også brug for en fornuftig spredning af lyshed og kontrolleret mætning.
- Én dominerende farve med mindre mængder af de andre ser næsten altid mere harmonisk ud end lige store mængder af hver farve.
- Farver, der deler en undertone, som et strejf af varme eller af den samme nuance, har tendens til at se beslægtede ud, selv når de ligger langt fra hinanden på hjulet.

**Farveharmoni** er fornemmelsen af, at en gruppe farver hører sammen. Designere bygger den som regel på to måder: ved at vælge nuancer, der står i et kendt forhold på farvehjulet, som naboer eller modsætninger, og ved at balancere alt andet, altså lyshed, mætning og hvor meget af hver farve der optræder. Får du det første rigtigt og det andet forkert, skurrer resultatet stadig. Får du begge rigtige, føles selv usædvanlige kombinationer rolige og bevidste.

## Farvehjulet og hvorfor det hjælper

Hjulet arrangerer nuancer i en cirkel, så forhold bliver til geometri. Naboer deler meget af det samme lys og blandes blødt; modsætninger deler intet og får hinanden til at se mere intense ud. Enhver klassisk harmoni er en figur lagt hen over hjulet. Hvis selve hjulet er nyt for dig, så start med [farvehjulet](https://gradiently.design/da/guide/color-wheel).

Et farvehjul: `conic-gradient(from 0deg, #e64545, #e6a645, #c8e645, #45e66a, #45e6d4, #4596e6, #6a45e6, #d445e6, #e64545)`

Nuancer i moderat styrke rundt om en cirkel. Hver harmoni nedenfor er et mønster af punkter på denne ring.

## De seks klassiske farveharmonier

Her er hvert skema bygget ud fra den samme petrolfarvede base, `#30a69c`, så du kan se, hvordan forholdet ændrer stemningen, mens udgangsfarven forbliver den samme.

- Monokromatisk: `linear-gradient(90deg, #d7f4f1 0% 25%, #88ddd6 25% 50%, #30a69c 50% 75%, #1d635d 75% 100%)`
- Analog: `linear-gradient(90deg, #30a661 0% 33.3%, #30a69c 33.3% 66.6%, #3075a6 66.6% 100%)`
- Komplementær: `linear-gradient(90deg, #30a69c 0% 50%, #a6303a 50% 100%)`
- Splittet komplementær: `linear-gradient(90deg, #30a69c 0% 33.3%, #a63075 33.3% 66.6%, #a66130 66.6% 100%)`
- Triadisk: `linear-gradient(90deg, #30a69c 0% 33.3%, #9c30a6 33.3% 66.6%, #a69c30 66.6% 100%)`
- Tetradisk: `linear-gradient(90deg, #30a69c 0% 25%, #6130a6 25% 50%, #a6303a 50% 75%, #75a630 75% 100%)`

Hver strimmel viser skemaets nuancer i samme mætning. Læg mærke til, hvor meget højlydte skemaerne bliver, når nuancerne spredes.

| Harmoni | Nuancer på hjulet | Føles | Sværeste del |
| --- | --- | --- | --- |
| Monokromatisk | Én nuance, mange lyshedstrin | Rolig, raffineret, samlet | At undgå fladhed |
| [Analog](https://gradiently.design/da/guide/analogous-colors) | Tre naboer, omkring 30 grader fra hinanden | Naturlig, varm eller kølig, let | At få nok kontrast |
| [Komplementær](https://gradiently.design/da/guide/complementary-colors) | To modsætninger, 180 grader fra hinanden | Dristig, energisk | At få farverne til ikke at kæmpe |
| Splittet komplementær | Én base plus de to naboer til dens modsætning | Livlig, men blødere end komplementær | At vælge, hvilken farve der fører |
| [Triadisk](https://gradiently.design/da/guide/triadic-colors) | Tre nuancer, 120 grader fra hinanden | Legende, afbalanceret | At ligne børnerum i fuld styrke |
| [Tetradisk](https://gradiently.design/da/guide/tetradic-colors) | To komplementære par | Rig, kompleks | At holde fire farver sammen |

Hvert skema har sin egen artikel med koder og eksempler.

En grov guide til valget: jo færre og tættere nuancerne er, jo lettere er harmoni at opnå. Monokromatiske og analoge skemaer passer næsten sig selv. Komplementære, triadiske og tetradiske skemaer giver mere energi, men kræver mere disciplin på de næste tre områder.

## Harmoni er også lyshed og mætning

Se på den triadiske strimmel ovenfor. Nuancerne er lærebogseksemplariske, men i samme styrke ligner de en legetøjskasse. Det er, fordi hjulet kun beskriver nuance. To andre egenskaber afgør, om farver faktisk sidder godt sammen.

- **Lyshed:** et harmonisk sæt spænder som regel over lyse, mellemste og mørke værdier. Fem farver med samme lyshed flyder sammen; et spænd giver øjet et sted at hvile og noget at læse.
- **Mætning:** hold de fleste farver rolige, og lad én forblive kraftig. Når hver farve er i fuld styrke, konkurrerer de, og skemaet læses som støj.
- **Fælles undertone:** farver, der alle hælder lidt mod det varme eller alle har et spor af den samme nuance, ser beslægtede ud, selv når de ligger langt fra hinanden på hjulet. At tilføje lidt af din hovedfarve til neutralerne er den hurtigste vej.

- Petrolhvid #edf3f2: #edf3f2
- Lys petrol #88ddd6: #88ddd6
- Petrol #30a69c: #30a69c
- Petrolblæk #122b29: #122b29
- Koralaccent #e0525d: #e0525d

Et komplementært skema tæmmet: petrolen fører i fire lyshedstrin, neutralerne bærer et spor af petrol, og modsætningen rød bliver til én koralaccent.

Hvis du vil lave disse justeringer med tal, så brug et format, der adskiller lyshed fra nuance. HSL er det velkendte valg; [OKLCH](https://gradiently.design/da/guide/oklch-explained) er bedre til at holde lysheden jævn, når du ændrer nuance, hvilket gør afbalancerede skemaer meget lettere at bygge.

## Proportion: lad én farve føre

Den største forskel mellem et harmonisk design og et kaotisk er som regel proportion, ikke nuance. Lige store mængder af to eller tre farver får øjet til at hoppe mellem dem. Én dominerende farve, en understøttende og en lille accent giver det et hierarki at følge. [60-30-10-reglen](https://gradiently.design/da/guide/60-30-10-rule) er en nyttig fordeling at starte med.

### Skurrer

- Lige store flader af hver farve
- Hver farve i fuld mætning
- Alle farver i samme lyshed
- Rene grå neutraler ved siden af varme farver
- Modsætninger, der rører hinanden langs lange kanter

### Går i harmoni

- Én farve tydeligt dominerende
- Én kraftig accent, resten roligere
- En spredning fra lys til mørk
- Neutraler tonet med hovednuancen
- Modsætninger adskilt af plads eller en neutral

Et Instagram-opslag i højformat, der annoncerer et åbent keramikværksted om lørdagen, på en gradientbaggrund

Én Mark: læg mærke til, hvilken farve der fører, hvor meget af billedet den dækker, og hvor ordene hviler.

Det samme opslag om åbent værksted på en anden gradientbaggrund med en anden farvefamilie

En anden Mark med de samme ord. Farveforholdet ændrer stemningen; budskabet er det samme.

## Sådan bygger du en harmonisk palet i praksis

1. **Start med én farve, der betyder noget** En brandfarve, et produkt, et sted. Harmoni er lettere omkring et fast punkt end ud af ingenting.
2. **Vælg et forhold til stemningen** Analog til ro, komplementær eller splittet komplementær til energi, monokromatisk til tilbageholdenhed.
3. **Spred lysheden, og dæmp mætningen** Lav en lys, en mellemste og en mørk version, og sænk så mætningen på alt undtagen accenten.
4. **Beslut proportionerne** Navngiv, hvilken farve der dækker det meste af pladsen, hvilken der understøtter, og hvilken der kun optræder i små strejf.
5. **Test den med rigtige ord** Læg paletten på et rigtigt layout, og tjek tekstkontrasten. Harmoni, der ikke kan bære en overskrift, er ikke færdig.

Hvis du hellere vil starte fra en palet, der allerede er balanceret, er hver Mark fra Gradiently en færdig levende baggrund, hvis farver, materialer og lys er komponeret sammen, og Studio lægger dine ord på den, mens automatisk tekstfarve vælger lys eller mørk skrift pr. linje. Til at generere din egen fra bunden, se [farvepalettegeneratorer](https://gradiently.design/da/guide/color-palette-generator).

## FAQ

### Hvad er farveharmoni?

Det er kvaliteten ved farver, der ser ud, som om de hører sammen, som regel opnået gennem nuanceforhold på farvehjulet kombineret med afbalanceret lyshed, mætning og proportion.

### Hvad er typerne af farveharmoni?

De klassiske seks er monokromatisk, analog, komplementær, splittet komplementær, triadisk og tetradisk.

### Hvilken farveharmoni er lettest at bruge?

Monokromatiske og analoge skemaer, fordi deres nuancer ligger tæt og sjældent støder sammen. De har brug for en god spredning af lyshed for ikke at se flade ud.

### Hvorfor støder mine komplementære farver sammen?

Som regel er begge i fuld mætning og i lige store mængder. Lad den ene dominere, dæmp den anden til en accent, og adskil dem med en neutral.