Kleurharmonie: waarom sommige kleuren bij elkaar horen

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.

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.

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.

Om deze aanpassingen met getallen te doen, gebruik je een notatie die helderheid van tint scheidt. HSL is de bekende keuze. OKLCH 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 is een bruikbare eerste verdeling.

Zo bouw je in de praktijk een harmonieus palet

1. 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. 2

   Kies een relatie voor de sfeer

   Analoog voor rust, complementair of gesplitst complementair voor energie, monochromatisch voor terughoudendheid.

3. 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. 4

   Bepaal de verhoudingen

   Benoem welke kleur het meeste ruimte beslaat, welke ondersteunt en welke alleen in kleine accenten voorkomt.

5. 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.