# Een kleurenwiel gebruiken om een palet te kiezen

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

Het kleurenwiel is het oudste hulpmiddel in kleur en nog steeds het nuttigste. Zo lees je er een, waarom het wiel van de schilder en het schermwiel het oneens zijn en hoe je er een palet van maakt.

## The short version

- Een kleurenwiel zet tinten in een cirkel, zodat de verhoudingen ertussen, zoals tegenoverstaande kleuren en buren, makkelijk te zien zijn.
- Het wiel van de schilder gebruikt rood, geel en blauw als primaire kleuren, het schermwiel rood, groen en blauw, dus hun tegenoverliggende kleuren verschillen.
- Kleurharmonieën zoals complementair, analoog en triadisch zijn vaste posities op het wiel.
- Een wiel toont alleen tint, dus elk palet daaruit heeft nog lichte en donkere versies nodig voor tekst en achtergronden.
- Eenvoudige digitale wielen zijn niet perceptueel gelijkmatig: bij dezelfde instelling lijkt geel veel lichter dan blauw.

Een **kleurenwiel** zet tinten in een cirkel, in de volgorde van een regenboog, met aaneengesloten uiteinden. De waarde ervan is dat verhoudingen meetkunde worden: kleuren tegenover elkaar contrasteren sterk, kleuren naast elkaar mengen makkelijk en kleuren met gelijke afstand in de cirkel houden elkaar in balans. Om er een te gebruiken kies je een starttint en dan metgezellen op basis van hun positie.

Deze gids behandelt hoe het wiel is opgebouwd, welk wiel je kunt vertrouwen, hoe je er harmonieën uit leest en hoe je van een paar tinten naar een bruikbaar palet komt. Voor het bredere beeld begin je bij de [basis van kleurtheorie](https://gradiently.design/nl/guide/color-theory-basics).

## Primaire, secundaire en tertiaire kleuren

Elk wiel begint met drie primaire kleuren. Twee primaire mengen geeft een secundaire, en een primaire met een naburige secundaire mengen geeft een tertiaire. Drie primaire, drie secundaire en zes tertiaire kleuren vormen het bekende wiel met twaalf segmenten.

Het wiel van de schilder (RYB): `conic-gradient(from 0deg, #d7263d, #e8572a, #f28c28, #f6b82f, #f4e04d, #9bc53d, #3a9d4a, #1b8a8f, #2156a5, #4b3a9a, #7b2d8e, #b0266f, #d7263d)`

Twaalf tinten van het traditionele wiel van rood, geel en blauw, getekend met een [conisch kleurverloop](https://gradiently.design/nl/guide/conic-gradient). Rood staat bovenaan en de cirkel loopt met de klok mee.

## Het wiel van de schilder en het schermwiel

Er zijn twee wielen in gebruik, en ze zijn het oneens. Het wiel van de schilder is gebouwd op rood, geel en blauw (RYB), uit het mengen van pigmenten. Schermen maken kleur van rood, groen en blauw licht (RGB), en een wiel daarvan heeft andere primaire kleuren, andere secundaire en andere tegenpolen.

| Eigenschap | Wiel van de schilder (RYB) | Schermwiel (RGB) |
| --- | --- | --- |
| Primaire kleuren | Rood, geel, blauw | Rood, groen, blauw |
| Secundaire kleuren | Oranje, groen, violet | Geel, cyaan, magenta |
| Tegenover rood | Groen | Cyaan |
| Tegenover blauw | Oranje | Geel |
| Tegenover geel | Violet | Blauw |
| Gebruikt door | Schilders, kunstonderwijs, veel palettengidsen | Kleurkiezers, CSS-tintwaarden, de meeste ontwerpsoftware |

Zelfde idee, andere meetkunde. Weet welk wiel een gids gebruikt voordat je hem volgt.

Het schermwiel (RGB): `conic-gradient(from 0deg, #ff0000, #ffff00, #00ff00, #00ffff, #0000ff, #ff00ff, #ff0000)`

De tintencirkel achter kleurkiezers en HSL. Geel zit een zesde rond, cyaan tegenover rood.

Welk wiel gebruik je? Voor digitaal werk past het schermwiel bij je tools, zodat de tintwaarden die je intypt overeenkomen met wat je ziet. Het wiel van de schilder geeft vaak fraaiere tegenpolen, zoals blauw en oranje, omdat het warme kleuren royaler verdeelt. Veel ontwerpers lezen harmonieën van het wiel van de schilder en kiezen daarna exacte waarden op het scherm. Beide is prima zolang je consistent bent.

## Kleurharmonieën lezen van het wiel

Harmonieën zijn vormen over het wiel. Draai de vorm en je krijgt een nieuw palet met dezelfde balans.

- **Complementair:** twee tinten recht tegenover elkaar. Maximaal contrast. Zie [complementaire kleuren](https://gradiently.design/nl/guide/complementary-colors).
- **Analoog:** drie tot vijf buren op een rij. Kalm en natuurlijk. Zie [analoge kleuren](https://gradiently.design/nl/guide/analogous-colors).
- **Triadisch:** drie tinten een derde van de cirkel uit elkaar. Gedurfd maar in balans. Zie [triadische kleuren](https://gradiently.design/nl/guide/triadic-colors).
- **Split-complementair:** één tint plus de twee aan weerszijden van zijn tegenovergestelde. Contrast met minder spanning.
- **Vierkant of tetradisch:** vier tinten met gelijke afstand, of twee complementaire paren. Rijk en moeilijk te beheersen.
- **Monochroom:** één tint in vele lichtheden. Zie [monochrome paletten](https://gradiently.design/nl/guide/monochromatic-color-scheme).

- Blauw: #2156a5
- Oranje (complement): #f28c28
- Blauwgroen (buur): #1b8a8f
- Blauwviolet (buur): #4b3a9a
- Rood (triade): #d7263d
- Geel (triade): #f4e04d

Beginnend bij blauw op het wiel van de schilder: zijn complement, zijn twee buren en de andere twee punten van zijn triade.

## Wat het kleurenwiel niet toont

Een wiel toont tint. Het zegt niets over lichtheid of verzadiging, en die bepalen het grootste deel van hoe een palet er echt uitziet. Blauw en oranje op volle sterkte zijn samen schel. Diep marineblauw met een zacht abrikoos gebruikt dezelfde twee tinten en ziet er verfijnd uit. Elk palet dat je van een wiel afleest heeft nog een donkere, een lichte en enkele rustigere versies van zijn kleuren nodig.

- Blauw en oranje, volle sterkte: `linear-gradient(90deg, #0000ff 0%, #0000ff 50%, #ff8000 50%, #ff8000 100%)`
- Dezelfde tinten: marine en abrikoos: `linear-gradient(90deg, #14213d 0%, #14213d 50%, #f4b183 50%, #f4b183 100%)`

Het wiel geeft je de tinten. Lichtheid en verzadiging bepalen of ze goed bij elkaar staan.

### Eenvoudige digitale wielen zijn ongelijkmatig

In HSL hebben puur geel en puur blauw dezelfde lichtheidswaarde, maar geel lijkt veel helderder. Dat komt doordat HSL is gebouwd op de kanalen van het scherm, niet op hoe ogen helderheid waarnemen. Perceptuele kleurruimten zoals OKLCH lossen dit op: gelijke lichtheidswaarden lijken over tinten heen even licht, wat ze beter maakt voor het bouwen van paletten en [vloeiende kleurverlopen](https://gradiently.design/nl/guide/css-gradient-oklch).

## Zo bouw je een palet met het kleurenwiel

1. **Kies je ankertint** Begin met de ene kleur die erbij moet: een merkkleur, een productkleur of een kleur uit een foto.
2. **Kies een harmonie voor de sfeer** Analoog of monochroom voor kalm; complementair, split-complementair of triadisch voor energie.
3. **Laat één kleur leiden** Gebruik het anker voor het grootste deel van het ontwerp en de andere in kleinere hoeveelheden. Gelijke hoeveelheden van elke kleur zien er zelden bedoeld uit.
4. **Varieer lichtheid en verzadiging** Voeg een donkere en een lichte versie toe en maak de ondersteunende kleuren rustiger. Dit maakt van tinten een palet.
5. **Test in een echte opmaak** Zet er tekst op, controleer het contrast en bekijk het op de grootte waarop mensen het zien.

Werkt een palet eenmaal als staaltjes, probeer het dan als kleurverloop. Naburige tinten mengen prachtig; tegenoverliggende tinten hebben een middenkleur nodig. [Kleurverloopcombinaties](https://gradiently.design/nl/guide/gradient-color-combinations) heeft geteste voorbeelden.

## FAQ

### Wat is een kleurenwiel?

Een kleurenwiel is een cirkel van tinten in spectrale volgorde die laat zien hoe kleuren zich verhouden: tegenpolen contrasteren, buren harmoniëren en tinten met gelijke afstand houden elkaar in balans.

### Wat zijn de primaire kleuren op het kleurenwiel?

Op het traditionele wiel van de schilder zijn dat rood, geel en blauw. Op het schermwiel dat digitale tools gebruiken zijn het rood, groen en blauw.

### Waarom zijn complementaire kleuren op verschillende wielen anders?

Het wiel van de schilder en het schermwiel hebben andere primaire kleuren, dus de cirkel is anders verdeeld. Op het wiel van de schilder is het tegenovergestelde van blauw oranje; op het schermwiel geel.

### Welk kleurenwiel moeten ontwerpers gebruiken?

Voor digitaal werk past het schermwiel bij je tools. Veel ontwerpers lezen harmonieën van het wiel van de schilder en kiezen exacte waarden op het scherm. Consistentie telt meer dan de keuze.