De korte versie
- 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.
Op deze pagina
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.
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.
conic-gradient(from 0deg, #d7263d, #e8572a, #f28c28, #f6b82f, #f4e04d, #9bc53d, #3a9d4a, #1b8a8f, #2156a5, #4b3a9a, #7b2d8e, #b0266f, #d7263d)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 |
conic-gradient(from 0deg, #ff0000, #ffff00, #00ff00, #00ffff, #0000ff, #ff00ff, #ff0000)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.
- Analoog: drie tot vijf buren op een rij. Kalm en natuurlijk. Zie analoge kleuren.
- Triadisch: drie tinten een derde van de cirkel uit elkaar. Gedurfd maar in balans. Zie triadische kleuren.
- 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.
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.
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.
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 heeft geteste voorbeelden.
Vragen die mensen stellen
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.
Geschreven door Gradiently
Het team achter Gradiently, een ontwerptool rond Marks: levende kleurverlopen die alles wat je ontwerpt op jou laten lijken.
Bekijk ons profiel


