Kleur is het meest relatieve medium in de kunst
-Josef Albers
We nemen allemaal licht en kleur anders waar. Wat jij als rood ziet, is anders dan wat ik als rood zie, hoewel we het allebei rood zullen noemen. Hoe kleur ons beïnvloedt en hoe we erop reageren is ook voor ieder van ons verschillend. Kleur is relatief.
Een goed ontwerp moet ook werken als er geen kleur is. Het zou moeten werken als het in grijstinten wordt bekeken. Kleur is echter een van de eerste dingen die iemand opvalt in uw ontwerp en bepaalt voor een groot deel of uw kijkers uw ontwerp esthetisch aantrekkelijk vinden.
Zoals al het andere moet uw kleurkeuze ondergeschikt zijn aan uw concept en thema. Kleur moet worden gebruikt om uw ontwerp te verbeteren, maar het moet niet uw ontwerp zijn.
U kunt kleur gebruiken om visuele hiërarchieën te creëren en de algehele balans in uw ontwerpen te verbeteren.
Veel kan worden gezegd over kleur. Veel meer dan in een enkele post kan worden gezegd. Bij het plannen van deze post heb ik heen en weer gepraat over de vraag of ik het bij één post zou houden of dat ik het zou uitbreiden tot meerdere posten om meer te kunnen behandelen. Uiteindelijk heb ik besloten om dit gesprek over kleur op te splitsen in twee berichten.
Deze eerste zal zich richten op kleur theorie, kleursystemen, het kleurenwiel, en kleurenschema’s. De volgende keer gaan we in op de betekenis van kleur en gedachten over hoe je kleur kunt gebruiken om je ontwerpen te verbeteren.
Kleurentheorie
Kleur is licht. Licht is elektromagnetische straling en over een bereik van golflengten maakt het een indruk op het menselijk oog. Dit bereik van golflengten is het visuele spectrum.
Wanneer licht een voorwerp raakt, worden sommige golflengten geabsorbeerd en andere weerkaatst. Wij zien de weerkaatste golflengten van het licht als kleur. Wanneer alle golflengten in het visuele spectrum worden geabsorbeerd, zien we zwart en wanneer ze allemaal worden weerkaatst, zien we wit. Wanneer sommige worden geabsorbeerd en sommige worden weerkaatst zien we verschillende kleuren van het spectrum.
Kleur kan op drie manieren worden beschreven. Door de naam, door de zuiverheid, en door de waarde of lichtheid. We hebben verschillende termen om ons te helpen kleuren op deze drie manieren te beschrijven. Kijk bij het lezen van de onderstaande termen even terug naar de afbeelding hierboven.
- Tint: Wanneer iemand het over tint heeft, heeft hij het over de eigenlijke kleur van een voorwerp. Groen is een tint, evenals rood, geel, blauw, paars, enz.
- Chroma: Verwijst naar de zuiverheid van een tint in verhouding tot grijs. Wanneer er geen grijstint in een kleur voorkomt, heeft die kleur een hoog chroma. Toevoeging van grijstinten aan een tint verlaagt het chroma.
- Verzadiging: is de mate van zuiverheid van een tint. Het is vergelijkbaar met chroma, hoewel niet helemaal hetzelfde. Zuivere tinten zijn zeer verzadigd. Wanneer grijs wordt toegevoegd wordt de kleur gedesatureerd.
- Intensiteit: De helderheid of dofheid van een kleur. Toevoeging van wit of zwart aan een kleur verlaagt de intensiteit ervan. Een intense en zeer verzadigde kleur heeft een hoog chroma.
- Waarde/Luminantie: Is een maat voor de hoeveelheid licht die door een kleur wordt weerkaatst en is in feite hoe licht of donker een tint is. Toevoeging van wit aan een tint maakt deze lichter en verhoogt de waarde of luminantie. Het toevoegen van zwart maakt de kleur donkerder en verlaagt de waarde of luminantie.
- Schaduw: Het resultaat van het toevoegen van zwart aan een tint om een donkerder tint te produceren
- Tint: Het resultaat van het toevoegen van wit aan een tint om een lichtere tint te produceren
- Toon: Tussen zwart en wit in hebben we grijs. Een kleurtoon is het resultaat van het toevoegen van grijs aan een tint. Schakeringen en tinten zijn tonen aan de uitersten.
Wanneer ik de verhouding van alle tonen heb gevonden, moet het resultaat een levende harmonie zijn van alle tonen, een harmonie die niet anders is dan die van een muzikale compositie.
-Henri Matisse
Kleurensystemen
Kleurensystemen verwijzen naar de manier waarop we kleuren produceren. Bij de productie van fysieke kleuren, zoals in verf, wordt een subtractief systeem gebruikt en bij de digitale productie van kleuren, zoals op een computer, wordt een additief systeem gebruikt.
De kleuren die u op uw computerscherm ziet, zijn uiteindelijk misschien niet dezelfde kleuren die anderen op hun computerscherm zien. De verschillen kunnen nog groter zijn als uw beelden in druk terechtkomen. Kleurbeheer kan helpen om de kleuren consistenter te maken, maar er zullen waarschijnlijk altijd verschillen blijven.
Subtractieve kleuren (CMYK) Wanneer we kleuren zien in fysieke objecten, zien we weerkaatsend licht. Als we rood zien, komt dat omdat alle andere golflengten van het licht zijn geabsorbeerd en alleen het rood wordt weerkaatst. Dit is een subtractief systeem, want om kleur te produceren verwijderen wij alle golflengten van het licht waarvan wij de kleur niet willen zien.
Naarmate wij meer kleuren aan het systeem toevoegen wordt meer licht geabsorbeerd en wordt de kleur donkerder. Subtractieve systemen beginnen met wit en blijven kleur toevoegen tot het resultaat zwart is.
CMYK (cyaan, magenta, geel, zwart) is een subtractief systeem dat wordt gebruikt om kleuren voor drukwerk te maken.
Additieve kleuren (RGB) Om kleuren op een computerscherm te maken, moeten we licht toevoegen, aangezien de lichtbron van binnenuit komt in plaats van het licht te weerkaatsen dat van buiten het systeem komt. Als er geen licht is, zien we zwart en naarmate we meer kleur toevoegen (meer golflengten van licht) gaan we naar wit.
RGB (Rood, Groen, Blauw) is een additief systeem dat wordt gebruikt om kleuren te creëren in digitale media. Omdat additieve systemen verschillen van hoe wij kleur in de natuur waarnemen, zijn onze primaire kleuren veranderd. Groen (en niet geel) is nu primair in het systeem in plaats van een secundair product van blauw en geel.
Het kleurenwiel
Het kleurenwiel is een visuele voorstelling van bijna alles waar we het hierboven over hebben gehad. Het oorspronkelijke kleurenwiel wordt toegeschreven aan Sir Isaac Newton, die de rode en violette uiteinden van het visuele spectrum in een cirkel samenvoegde.
In de volgende afbeeldingen kunt u zien hoe een kleurenwiel wordt gemaakt. U begint met de primaire kleuren op de hoeken van een gelijkzijdige driehoek en vervolgens stelt u een soortgelijke driehoek 180 graden gedraaid in om de secundaire kleuren te creëren. Tussen deze kleuren komen de tertiaire kleuren.
Merk in de afbeeldingen hieronder op dat de drie primaire kleuren hier rood, geel en blauw zijn.
Kijk nu naar het kleurenwiel hieronder. U zult zien dat het er anders uitziet dan het wiel hierboven. De primaire kleuren zijn hier rood, groen en blauw en u zult ook zien dat het verschillende tinten van kleuren toont tot het in het midden wit wordt. Dit is een RGB-kleurenwiel met tinten.
U kunt ook kleurenwielen vinden die nuances en tonen laten zien. In feite zijn er een verscheidenheid aan kleurenwielen en kleurendriehoeken. Onthoud dat een kleurencirkel slechts een voorstelling van kleur is en dat er verschillende manieren zijn om kleurverhoudingen uit te drukken.
Kleurenschema’s
Kleurenschema’s komen voort uit het kleurencirkel en de verschillende kleurenschema’s zijn verschillende combinaties van kleuren op basis van hun verhouding tot elkaar.
In de onderstaande afbeeldingen heb ik de verzadiging van alle kleuren verlaagd, behalve die welke deel kunnen uitmaken van het beschreven type kleurenschema.
Monochromatische kleurenschema’s zijn gebaseerd op verschillende tonen van dezelfde kleur. Hier worden roodtinten getoond.
Analoge kleurenschema’s zijn gebaseerd op kleuren die aan elkaar grenzen op het kleurenwiel
Complementaire kleurenschema’s zijn gebaseerd op kleuren tegenover elkaar op het kleurenwiel
Triadische kleurenschema’s gebruiken drie kleuren op gelijke afstand van elkaar op het kleurenwiel
Tetradische/Quadratische kleurenschema’s worden gemaakt door kleuren te kiezen op de hoeken van een rechthoek die op het kleurenwiel is gegraveerd
Split Complementaire kleurenschema’s worden gemaakt door één kleur te kiezen en vervolgens nog twee kleuren die grenzen aan het complementaire van de oorspronkelijke kleur. Zie het als een combinatie van een complementair en analoog kleurenschema.
Er zijn ook kleurenschema’s die niet volledig door de kleurencirkel worden beschreven.
Neutrale kleurenschema’s omvatten alleen kleuren die niet op het kleurenwiel voorkomen (verschillende tinten bruin en grijs)
Geaccentueerde neutrale kleurenschema’s omvatten neutrale kleuren zoals hierboven en een of meer spatten van kleuren die op het kleurenwiel voorkomen.
Een laatste soort kleurenschema waarover we het kunnen hebben, zijn die welke in de natuur voorkomen. Zoals u wellicht kunt raden zijn dit kleurenschema’s gebaseerd op wat u in de natuur ziet gebeuren. Je zou een natuurlijk kleurenschema kunnen maken op basis van de kleuren die je op een foto vindt.
Samenvatting
Deze post heeft zich gericht op de theorie achter kleur, maar er is nog veel meer te behandelen, zoals de betekenis die we waarnemen in kleur, evenals hoe je kleur in je ontwerp kunt gebruiken voor effect.
Probeer voor nu vertrouwd te raken met de termen die worden gebruikt om kleur te beschrijven, evenals de verschillende kleurenschema’s die uit het kleurenwiel komen.
We zullen de volgende keer verder gaan met meer details over kleurenschema’s en wanneer u zou kunnen kiezen om elk te gebruiken.
Bronnen
Doorheen deze post heb ik gelinkt naar een paar artikelen die meer gedachten en ideeën over kleur bieden. Hieronder vindt u een aantal aanvullende artikelen en reeksen artikelen over kleur theorie.
Gezien het belang van kleur en hoeveel er te weten valt over kleur wilt u misschien wat tijd besteden aan het doornemen van elk van de onderstaande links. Veel van wat in de volgende artikelen staat zal vergelijkbaar zijn met wat hier staat, maar elk artikel zal waarschijnlijk een aantal dingen bevatten die ik nog niet heb genoemd en uw algemene kennis over het onderwerp kleur vergroten.
- Basis kleurenschema’s – Inleiding tot de kleurentheorie
- Kleurentheorie – Wikipedia
- Kleurentheorie – Dev.Opera
- Kleurentheorie – Wrox
- Kleurentheorie – Liquisoft
- Creëren van Consistente Kleurrijke Gebruikerservaringen: Part 1,
De afgelopen week heeft Cameron Chapman voor Smashing Magazine een uitstekende serie artikelen over kleur geschreven, waar ik speciaal uw aandacht op wilde vestigen.
- Color Theory for Designers, Part 1: The Meaning of Color
- Color Theory For Designers, Part 2: Understanding Concepts And Terminology
- Color Theory for Designer, Part 3: Uw eigen kleurenpaletten maken
De 7 Componenten van Design
- Gezelligheid
- Gestalt
- Ruimte
- Dominantie
- Hiërarchie
- Balans
- Kleur Deel I: Kleurentheorie
- Kleur Deel II: Hoe kleur te gebruiken
Download een gratis voorbeeld uit mijn boek, Design Fundamentals.