# Kleurharmonie: waarom sommige kleuren bij elkaar horen

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

Het kleurenwiel geeft je zes klassieke schema’s. Ze helpen, maar zijn maar de helft van harmonie. De andere helft is helderheid, verzadiging en hoeveel je van elke kleur gebruikt.

## The short version

- Kleurharmonie is de kwaliteit van een set kleuren die lijken te zijn gemaakt om bij elkaar te horen.
- De zes klassieke harmonieën zijn monochromatisch, analoog, complementair, gesplitst complementair, triadisch en tetradisch, elk bepaald door posities op het kleurenwiel.
- Tintrelaties alleen garanderen geen harmonie: kleuren hebben ook een verstandige spreiding in helderheid en beheerste verzadiging nodig.
- Eén dominante kleur met kleinere hoeveelheden van de andere ziet er bijna altijd harmonieuzer uit dan gelijke hoeveelheden van elke kleur.
- Kleuren met dezelfde ondertoon, zoals een vleugje warmte of dezelfde tint, lijken verwant, ook als ze ver uit elkaar liggen op het wiel.

**Kleurharmonie** is het gevoel dat een groep kleuren bij elkaar hoort. Ontwerpers bouwen het meestal op twee manieren: door tinten te kiezen die in een bekende relatie op het kleurenwiel staan, zoals buren of tegenpolen, en door al het andere in balans te brengen, dus helderheid, verzadiging en hoeveel van elke kleur voorkomt. Heb je het eerste goed en het tweede fout, dan botst het resultaat nog steeds. Heb je beide goed, dan voelen zelfs ongewone combinaties rustig en bewust.

## Het kleurenwiel en waarom het helpt

Het wiel ordent tinten in een cirkel zodat relaties geometrie worden. Buren delen veel van hetzelfde licht en vloeien zacht in elkaar over. Tegenpolen delen niets en laten elkaar intenser lijken. Elke klassieke harmonie is een vorm die over het wiel wordt gelegd. Als het wiel zelf nieuw voor je is, begin dan met [het kleurenwiel](https://gradiently.design/nl/guide/color-wheel).

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

Tinten van gematigde sterkte rond een cirkel. Elke harmonie hieronder is een patroon van punten op deze ring.

## De zes klassieke kleurharmonieën

Hier staat elk schema opgebouwd vanuit dezelfde tealbasis, `#30a69c`, zodat je ziet hoe de relatie de sfeer verandert terwijl de beginkleur blijft.

- Monochromatisch: `linear-gradient(90deg, #d7f4f1 0% 25%, #88ddd6 25% 50%, #30a69c 50% 75%, #1d635d 75% 100%)`
- Analoog: `linear-gradient(90deg, #30a661 0% 33.3%, #30a69c 33.3% 66.6%, #3075a6 66.6% 100%)`
- Complementair: `linear-gradient(90deg, #30a69c 0% 50%, #a6303a 50% 100%)`
- Gesplitst complementair: `linear-gradient(90deg, #30a69c 0% 33.3%, #a63075 33.3% 66.6%, #a66130 66.6% 100%)`
- Triadisch: `linear-gradient(90deg, #30a69c 0% 33.3%, #9c30a6 33.3% 66.6%, #a69c30 66.6% 100%)`
- Tetradisch: `linear-gradient(90deg, #30a69c 0% 25%, #6130a6 25% 50%, #a6303a 50% 75%, #75a630 75% 100%)`

Elke strook toont de tinten van het schema bij gelijke verzadiging. Merk op hoeveel luider de schema’s worden naarmate de tinten verder uit elkaar liggen.

| Harmonie | Tinten op het wiel | Voelt | Moeilijkste deel |
| --- | --- | --- | --- |
| Monochromatisch | Eén tint, veel helderheidsstappen | Rustig, verfijnd, eenvormig | Vlakheid vermijden |
| [Analoog](https://gradiently.design/nl/guide/analogous-colors) | Drie buren, ongeveer 30 graden uit elkaar | Natuurlijk, warm of koel, makkelijk | Genoeg contrast krijgen |
| [Complementair](https://gradiently.design/nl/guide/complementary-colors) | Twee tegenpolen, 180 graden uit elkaar | Gedurfd, energiek | Voorkomen dat de kleuren vechten |
| Gesplitst complementair | Eén basis plus de twee buren van zijn tegenpool | Levendig maar zachter dan complementair | Kiezen welke kleur leidt |
| [Triadisch](https://gradiently.design/nl/guide/triadic-colors) | Drie tinten, 120 graden uit elkaar | Speels, in balans | Kinderlijk overkomen op volle sterkte |
| [Tetradisch](https://gradiently.design/nl/guide/tetradic-colors) | Twee complementaire paren | Rijk, complex | Vier kleuren bij elkaar houden |

Elk schema heeft een eigen artikel met codes en voorbeelden.

Een vuistregel voor de keuze: hoe minder en hoe dichter de tinten bij elkaar liggen, hoe makkelijker harmonie te bereiken is. Monochromatische en analoge schema’s lopen bijna vanzelf goed. Complementaire, triadische en tetradische schema’s geven meer energie maar vragen meer discipline op de drie volgende punten.

## Harmonie is ook helderheid en verzadiging

Kijk naar de triadische strook hierboven. De tinten zijn leerboekmateriaal, maar bij gelijke sterkte zien ze eruit als een speelgoeddoos. Dat komt doordat het wiel alleen tint beschrijft. Twee andere eigenschappen bepalen of kleuren echt goed bij elkaar zitten.

- **Helderheid:** een harmonieuze set beslaat meestal lichte, middelste en donkere waarden. Vijf kleuren van dezelfde helderheid vloeien in elkaar over. Een bereik geeft het oog een rustpunt en iets om te lezen.
- **Verzadiging:** houd de meeste kleuren rustig en laat één levendig blijven. Als elke kleur op volle sterkte staat, strijden ze om aandacht en leest het schema als ruis.
- **Gedeelde ondertoon:** kleuren die allemaal een beetje warm hellen, of allemaal een spoor van dezelfde tint dragen, lijken verwant, ook als ze ver uit elkaar liggen op het wiel. Een beetje van je hoofdkleur door de neutrale tinten mengen is de snelste manier.

- Tealwit #edf3f2: #edf3f2
- Lichtteal #88ddd6: #88ddd6
- Teal #30a69c: #30a69c
- Tealinkt #122b29: #122b29
- Koraalaccent #e0525d: #e0525d

Een getemd complementair schema: de teal leidt in vier helderheidsstappen, de neutrale tinten dragen een spoor teal en het rood aan de overkant wordt één koraalaccent.

Om deze aanpassingen met getallen te doen, gebruik je een notatie die helderheid van tint scheidt. HSL is de bekende keuze. [OKLCH](https://gradiently.design/nl/guide/oklch-explained) houdt de helderheid beter gelijk als je de tint wijzigt, wat evenwichtige schema’s veel makkelijker te bouwen maakt.

## Verhouding: laat één kleur leiden

Het grootste verschil tussen een harmonieus en een chaotisch ontwerp is meestal verhouding, niet tint. Gelijke hoeveelheden van twee of drie kleuren laten het oog heen en weer springen. Eén dominante kleur, een ondersteunende en een klein accent geven het een hiërarchie om te volgen. De [60-30-10-regel](https://gradiently.design/nl/guide/60-30-10-rule) is een bruikbare eerste verdeling.

### Botst

- Gelijke oppervlakken van elke kleur
- Elke kleur op volle verzadiging
- Alle kleuren met dezelfde helderheid
- Zuiver grijze neutrale tinten naast warme kleuren
- Tegenpolen die elkaar langs lange randen raken

### Harmonieert

- Eén kleur duidelijk dominant
- Eén levendig accent, de rest rustiger
- Een spreiding van licht naar donker
- Neutrale tinten gekleurd met de hoofdtint
- Tegenpolen gescheiden door ruimte of een neutrale kleur

Een staande Instagram-post die een open keramiekatelier op zaterdag aankondigt, op een verloopachtergrond

Eén Mark: kijk welke kleur leidt, hoeveel van het beeld ze bedekt en waar de woorden rusten.

Dezelfde open-atelierpost op een tweede verloopachtergrond met een andere kleurfamilie

Een tweede Mark met dezelfde woorden. De kleurrelatie verandert de sfeer, de boodschap blijft gelijk.

## Zo bouw je in de praktijk een harmonieus palet

1. **Begin bij één kleur die iets betekent** Een merkkleur, een product, een plek. Harmonie is makkelijker rond een vast punt dan vanuit niets.
2. **Kies een relatie voor de sfeer** Analoog voor rust, complementair of gesplitst complementair voor energie, monochromatisch voor terughoudendheid.
3. **Spreid de helderheid en temper de verzadiging** Maak een lichte, een middelste en een donkere versie en verlaag dan de verzadiging van alles behalve het accent.
4. **Bepaal de verhoudingen** Benoem welke kleur het meeste ruimte beslaat, welke ondersteunt en welke alleen in kleine accenten voorkomt.
5. **Test het met echte woorden** Zet het palet op een echte opmaak en controleer het tekstcontrast. Harmonie die geen kop kan dragen is niet af.

Wil je liever beginnen met een palet dat al in balans is, dan is elke Gradiently Mark een afgewerkte levende achtergrond waarvan kleuren, materialen en licht samen zijn gecomponeerd, en legt de Studio je woorden erop met auto-ink die per regel lichte of donkere letters kiest. Om zelf een palet vanaf nul te genereren, zie [kleurenpalet-generatoren](https://gradiently.design/nl/guide/color-palette-generator).

## FAQ

### Wat is kleurharmonie?

Het is de kwaliteit van kleuren die lijken te zijn gemaakt om bij elkaar te horen, meestal bereikt door tintrelaties op het kleurenwiel te combineren met evenwichtige helderheid, verzadiging en verhouding.

### Welke soorten kleurharmonie zijn er?

De klassieke zes zijn monochromatisch, analoog, complementair, gesplitst complementair, triadisch en tetradisch.

### Welke kleurharmonie is het makkelijkst te gebruiken?

Monochromatische en analoge schema’s, omdat de tinten dicht bij elkaar liggen en zelden botsen. Ze hebben wel een goede spreiding in helderheid nodig om niet vlak te ogen.

### Waarom botsen mijn complementaire kleuren?

Meestal staan beide op volle verzadiging en in gelijke hoeveelheden. Laat er één domineren, temper de ander tot accent en scheid ze met een neutrale kleur.