# Fargeharmoni: hvorfor noen farger hører sammen

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

Fargesirkelen gir seks klassiske skjemaer. De hjelper, men er bare halvparten av harmonien. Resten er lyshet, metning og hvor mye av hver farge du bruker.

## The short version

- Fargeharmoni er egenskapen ved et sett farger som ser ut til å høre sammen.
- De seks klassiske harmoniene er monokromatisk, analog, komplementær, splittkomplementær, triadisk og tetradisk, hver definert av plassering på fargesirkelen.
- Forhold mellom fargetoner garanterer ikke harmoni. Fargene trenger også en fornuftig spredning i lyshet og kontrollert metning.
- Én dominerende farge med mindre mengder av de andre ser nesten alltid mer harmonisk ut enn like mye av alle.
- Farger med felles undertone, som litt varme eller et spor av samme tone, virker gjerne beslektet selv langt fra hverandre i sirkelen.

**Fargeharmoni** er følelsen av at en gruppe farger hører sammen. Designere bygger den vanligvis på to måter: ved å velge toner med et kjent forhold i fargesirkelen, som naboer eller motsetninger, og ved å balansere resten, altså lyshet, metning og mengden av hver farge. Treffer du på det første og bommer på det andre, skurrer resultatet fortsatt. Treffer du på begge, føles selv uvanlige kombinasjoner rolige og bevisste.

## Fargesirkelen og hvorfor den hjelper

Sirkelen ordner tonene så forholdene blir geometri. Naboer deler mye av samme lys og blandes mykt. Motsetninger deler ingenting og får hverandre til å virke sterkere. Hver klassisk harmoni er en form lagt over sirkelen. Er selve sirkelen ny for deg, start med [fargesirkelen](https://gradiently.design/nb/guide/color-wheel).

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

Toner med moderat styrke rundt en sirkel. Hver harmoni nedenfor er et mønster av punkter på denne ringen.

## De seks klassiske fargeharmoniene

Her er hvert skjema bygget fra samme blågrønne bunn, `#30a69c`, så du kan se hvordan forholdet endrer stemningen mens startfargen er lik.

- 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%)`
- Splittkomplementæ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 stripe viser skjemaets toner med lik metning. Se hvor mye sterkere uttrykket blir når tonene spres.

| Harmoni | Toner på sirkelen | Følelse | Vanskeligst |
| --- | --- | --- | --- |
| Monokromatisk | Én tone, mange lyshetstrinn | Rolig, raffinert, enhetlig | Å unngå flathet |
| [Analog](https://gradiently.design/nb/guide/analogous-colors) | Tre naboer, omtrent 30 grader fra hverandre | Naturlig, varm eller kjølig, enkel | Nok kontrast |
| [Komplementær](https://gradiently.design/nb/guide/complementary-colors) | To motsetninger, 180 grader fra hverandre | Modig, energisk | Å hindre fargene i å konkurrere |
| Splittkomplementær | Én bunn og de to naboene til motsetningen | Livlig, men mykere enn komplementær | Å velge ledende farge |
| [Triadisk](https://gradiently.design/nb/guide/triadic-colors) | Tre toner, 120 grader fra hverandre | Leken, balansert | Kan bli barnslig ved full styrke |
| [Tetradisk](https://gradiently.design/nb/guide/tetradic-colors) | To komplementære par | Rik, sammensatt | Å holde fire farger sammen |

Hvert skjema har sin egen artikkel med koder og eksempler.

En enkel valgregel: jo færre og nærmere toner, desto lettere er harmonien. Monokromatiske og analoge skjemaer fungerer nesten av seg selv. Komplementære, triadiske og tetradiske gir mer energi, men krever mer disiplin på de neste tre områdene.

## Harmoni er også lyshet og metning

Se på den triadiske stripen over. Tonene følger læreboka, men med lik styrke ser de ut som en lekekasse. Det skyldes at sirkelen bare beskriver tone. To andre egenskaper avgjør om fargene faktisk passer sammen.

- **Lyshet:** et harmonisk sett dekker vanligvis lyse, middels og mørke verdier. Fem like lyse farger flyter sammen. Et spenn gir øyet hvile og noe å lese.
- **Metning:** hold de fleste fargene rolige og la én være sterk. Når alle har full styrke, konkurrerer de og skjemaet virker støyende.
- **Felles undertone:** farger som heller litt mot varmt eller har et spor av samme tone, virker beslektet selv langt fra hverandre i sirkelen. Litt av hovedfargen i de nøytrale er den raskeste metoden.

- Blågrønt hvitt #edf3f2: #edf3f2
- Lys blågrønn #88ddd6: #88ddd6
- Blågrønn #30a69c: #30a69c
- Blågrønt blekk #122b29: #122b29
- Korallaksent #e0525d: #e0525d

Et dempet komplementærskjema: blågrønt leder i fire lyshetstrinn, de nøytrale har et spor av blågrønt, og den røde motsetningen blir én korallaksent.

For å gjøre justeringene med tall, bruk et format som skiller lyshet fra tone. HSL er kjent. [OKLCH](https://gradiently.design/nb/guide/oklch-explained) holder lysheten jevnere når tonen endres, så balanserte skjemaer blir langt lettere å bygge.

## Mengdeforhold: la én farge lede

Den største forskjellen mellom et harmonisk og kaotisk design er gjerne mengdeforhold, ikke tone. Like mye av to eller tre farger får øyet til å hoppe mellom dem. Én dominerende farge, én støttefarge og en liten aksent gir et hierarki å følge. [60-30-10-regelen](https://gradiently.design/nb/guide/60-30-10-rule) er en nyttig startfordeling.

### Skurrer

- Like store områder av hver farge
- Alle farger med full metning
- Alle farger med samme lyshet
- Rent grå nøytraler ved varme farger
- Motsetninger som møtes langs lange kanter

### Harmoniserer

- Én tydelig dominerende farge
- Én sterk aksent, resten roligere
- Spenn fra lyst til mørkt
- Nøytraler tonet med hovedfargen
- Motsetninger skilt av luft eller en nøytral

Et stående Instagram-innlegg om åpent keramikkstudio på lørdag, på gradientbakgrunn

Én Mark: se hvilken farge som leder, hvor mye av rammen den dekker og hvor ordene hviler.

Samme innlegg om åpent studio på en annen gradientbakgrunn med en annen fargefamilie

En annen Mark med samme ord. Fargeforholdet endrer stemningen, mens budskapet er likt.

## Slik bygger du en harmonisk palett i praksis

1. **Start med én farge som betyr noe** En merkefarge, et produkt, et sted. Harmoni er lettere rundt et fast punkt enn fra ingenting.
2. **Velg forhold etter stemningen** Analogt for ro, komplementært eller splittkomplementært for energi, monokromatisk for tilbakeholdenhet.
3. **Spre lysheten og demp metningen** Lag en lys, middels og mørk versjon, og senk metningen på alt unntatt aksenten.
4. **Bestem mengdeforholdet** Si hvilken farge som dekker mest, hvilken som støtter og hvilken som bare vises i små detaljer.
5. **Test med ekte ord** Bruk paletten i et faktisk oppsett og sjekk tekstkontrast. Harmoni som ikke bærer en overskrift, er ikke ferdig.

Vil du heller starte med en ferdig balansert palett, er hver Mark fra Gradiently en levende bakgrunn der farger, materialer og lys er komponert sammen. Studioet plasserer ordene på den med Auto-tekstfarge som velger lys eller mørk skrift per linje. For å lage din egen fra bunnen, se [fargepalettgeneratorer](https://gradiently.design/nb/guide/color-palette-generator).

## FAQ

### Hva er fargeharmoni?

At farger ser ut til å høre sammen, vanligvis gjennom toneforhold på fargesirkelen kombinert med balansert lyshet, metning og mengdeforhold.

### Hvilke typer fargeharmoni finnes?

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

### Hvilken fargeharmoni er enklest å bruke?

Monokromatiske og analoge skjemaer, fordi tonene ligger nært og sjelden skurrer. De trenger god spredning i lyshet for å unngå flathet.

### Hvorfor skurrer komplementærfargene mine?

Vanligvis har begge full metning og brukes i lik mengde. La én dominere, demp den andre til en aksent og skill dem med en nøytral.