Complementaire, analoge en triadekleuren
Op de schermkleurencirkel is de tegenkleur van blauw bij 240 graden geel bij 60 graden; een schilderscirkel zet oranje tegenover blauw.
Sleep om te draaien. Scroll of knijp om te zoomen.
Harmonieën zijn hoeken
Ontwerpleerboeken beschrijven enkele kleurenschema's die meestal evenwichtig ogen. Op een tintcirkel is elk schema een verzameling hoeken vanaf een begintint. Complementaire kleuren liggen recht tegenover elkaar, op 180 graden afstand. Analoge kleuren liggen naast elkaar; het model gebruikt 30 graden aan weerszijden. Een triade gebruikt drie gelijkmatig verdeelde tinten op 120 graden afstand, samen een gelijkzijdige driehoek. Gesplitst complementair vervangt de complementaire kleur door de twee buren, hier op 150 en 210 graden vanaf het begin.
De tekencursus van LibreTexts beschrijft het karakter van elk schema. Complementaire paren geven sterk contrast en trekken aandacht; ontwerpers gebruiken ze daarom voor dingen die moeten opvallen. Analoge schema's ogen rustig en samenhangend en komen vaak in de natuur voor, zoals de groene, gele en oranje tinten van een weiland. Triades zijn levendig maar evenwichtig. Gesplitst complementaire schema's behouden veel van het contrast van een complementair paar, maar zijn makkelijker toe te passen. De bibliotheekgids van de University of Delaware geeft daarbij een praktische vuistregel voor hoeveel je van elke kleur gebruikt: ongeveer 60% voor een hoofdkleur, 30% voor een tweede kleur en 10% voor een accent.
Welke cirkel?
Hier zit een valkuil: er bestaat meer dan één kleurencirkel. De HSL-cirkel in deze cursus gaat uit van licht, met rood, groen en blauw als primaire kleuren. Rood op 0 graden ligt tegenover cyaan op 180, groen tegenover magenta en blauw tegenover geel. Veel kunstlessen gebruiken een schilderscirkel met rode, gele en blauwe pigmenten. Daar staat rood tegenover groen, geel tegenover paars en blauw tegenover oranje, zoals in de LibreTexts-cursus. Geen van beide cirkels is fout: ze beantwoorden verschillende vragen. De lichtcirkel toont welke twee lichtkleuren samen wit maken. De schilderscirkel heeft een lange traditie bij het mengen van verf. Voor een schermpalet gebruikt je code HSL-hoeken. Controleer dus welke cirkel een uitleg bedoelt.
Een harmonie bepaalt de tinten, niet de lichtheid. Drie triadetinten bij volle verzadiging en 50% lichtheid zijn schreeuwerig. In de praktijk behouden ontwerpers de hoeken en wijzigen ze verzadiging en lichtheid: één tint sterk, de andere bleek of donker. Probeer het in het model. Kies een triade, verlaag dan de verzadiging en zie hoe de driehoek naar de grijsas krimpt terwijl hij zijn vorm houdt.
De meeste leerboeken noemen nog twee schema's. Monochromatisch gebruikt één tint in diverse lichtere en donkerdere versies, bij RMIT tints en shades genoemd. In HSL blijft tint vast; alleen lichtheid en verzadiging bewegen. Dat geeft een verticale lijn op de doorsnede. Tetradisch gebruikt vier tinten als een rechthoek: twee complementaire paren. Bij gelijke afstand, 90 graden, vormen ze een vierkant. Vier tinten zijn lastig te balanceren; laat er volgens de meeste gidsen één overheersen en gebruik de andere spaarzaam.
| Complementair | +180° |
| Analoog | −30° en +30° (buren) |
| Triade | +120° en +240° |
| Gesplitst complementair | +150° en +210° |
| Tegenkleur van blauw op de lichtcirkel | Geel (240° + 180° = 60°) |
- Complementair: 180° uiteen. Analoog: buren. Triade: 120° uiteen. Gesplitst complementair: 150° en 210°.
- HSL-lichtcirkel: blauw tegenover geel. Schilderscirkel: blauw tegenover oranje.
- Harmonie bepaalt tint; verzadiging en lichtheid kies je zelf.
- Vuistregel: 60% hoofdkleur, 30% tweede kleur, 10% accent.
- Wat is de tegenkleur van 30° op de HSL-cirkel?
- Wat is de tegenkleur van 300°?
- Een triade begint op 0°. Welke tinten maken het schema compleet?
- 120° en 240°
- 90° en 180°
- 30° en 330°
- Alleen 180°
- Welke vorm maken triadekleuren op de cirkel?
- Gelijkzijdige driehoek
- Rechte lijn
- Vierkant
- Rechthoekige driehoek
- Welk paar is analoog?
- 30° en 60°
- 30° en 210°
- 0° en 120°
- 60° en 240°
- Wat staat tegenover blauw op de HSL-lichtcirkel?
- Geel
- Oranje
- Rood
- Groen
- Wat staat tegenover blauw op een traditionele schilderscirkel?
- Oranje
- Geel
- Cyaan
- Magenta
- Welk schema vervangt de tegenkleur door twee buren?
- Gesplitst complementair
- Analoog
- Triade
- Monochromatisch
- Welk percentage is de accentkleur in een 60/30/10-palet?
- Je verlaagt in het model de verzadiging van een triade. Wat doet de driehoek?
- Hij krimpt naar de grijsas
- Hij draait
- Hij wordt een lijn
- Niets verandert
Bronnen van deze cursus (14)
- W3C, Web Content Accessibility Guidelines (WCAG) 2.2, relative luminance (0.04045 threshold, note on the pre-May-2021 value 0.03928)
- contrast ratio (L1 + 0.05) / (L2 + 0.05)
- range 1:1 to 21:1, SC 1.4.1 Use of Color, 1.4.3 Contrast (Minimum) 4.5:1 and 3:1 for large-scale text (18 pt, or 14 pt bold)
- 1.4.6 Contrast (Enhanced) 7:1 and 4.5:1, 1.4.11 Non-text Contrast 3:1, WCAG 2.1 published June 2018 (w3.org/TR/WCAG22/)
- W3C, CSS Color Module Level 4, hex notation, hsl with 0deg red, 120deg green, 240deg blue, hsl(60deg 100% 50%) yellow vs hsl(240deg 100% 50%) blue at the same HSL lightness, hue spacing not perceptually uniform, HSL as a cylindrical model (w3.org/TR/css-color-4/)
- OpenStax College Physics 2e, 26.3 Color and Color Vision: about 6 million cones of three types, red + green gives yellow, no unique set of primaries (openstax.org/books/college-physics-2e/pages/26-3-color-and-color-vision)
- OpenStax Introduction to Behavioral Neuroscience, 6.2 The Retina: RGB pixels, CMY inks plus black, red-green colour blindness in about 8% of males (openstax.org/books/introduction-behavioral-neuroscience/pages/6-2-the-retina)
- Smithsonian Libraries, Color in a New Light, The Science of Color: Newton's prism experiments from the 1660s, Opticks 1704, Le Blon's Coloritto (London, about 1722) and the distinction between material colours and coloured light (library.si.edu/exhibition/color-in-a-new-light/science)
- The Newton Project (University of Oxford)
- Opticks 1704, Book I Part II Prop. VI: colour circle divided into seven parts in musical proportion, white at the centre (newtonproject.ox.ac.uk/view/texts/normalized/NATP00034)
- History of Information and Wikimedia Commons file record, Maxwell's 1861 Royal Institution demonstration, tartan ribbon photographed by Thomas Sutton through red, green and blue filters and projected together (historyofinformation.com/detail.php?id=3666)
- LibreTexts, Coalinga College Drawing Basics 8.4 Color Theory: complementary, analogous, split-complementary, triadic, tetradic (human.libretexts.org)
- RMIT Colour Theory, Interactive colour wheel and colour relationships (rmit.pressbooks.pub/colourtheory1)
- University of Delaware Library, Graphic Design guide, Color Schemes, 60/30/10 rule (guides.lib.udel.edu/design/color).
Geraadpleegd: 2026-10-17