Een website heeft kleur nodig, het liefste meerdere kleuren en kleurtinten. Maar hoe combineer je kleuren? Welke kleuren passen goed bij elkaar? Een goede steun voor het bepalen van kleuren is de kleurencirkel van Itten:

In het midden zie je de drie primaire kleuren: rood, geel, en blauw. Daaromheen vormen de combinatie van deze primaire kleuren de secundaire kleuren (groen, paars en oranje.) De buitenste kleuren zijn de tertiaire kleuren, gerangschikt in warme (geel, oranje en rood) en koude kleuren (paars, blauw en groen).

Kleuren dicht bij elkaar in de cirkel (bijvoorbeeld blauw en groen) vormen vaak in combinatie een rustig en gebalanceerd geheel. Tegenoverliggende kleuren (bijvoorbeeld blauw en oranje) vormen het zogenaamde complementair contrast, waarbij de kleuren elkaar versterken en zorgen voor een zeer intens geheel.

Tips voor het combineren van kleuren voor je website:

• Meestal is een combinatie van twee of drie verschillende kleuren (of tinten) genoeg om je site levendig te maken, zonder te druk te worden.
• Gebruik variaties in helderheid van kleuren om een rustiger en minder saai geheel te krijgen.
• Zo kun je bijvoorbeeld de hoofdmenu-knoppen donkerblauw maken en de submenu-knoppen lichtblauw.
• Gebruik de kleuren consequent! Als je je link de ene keer blauw met een lijntje maakt, en de andere keer rood zonder lijntje, zullen je bezoekers door de bomen het bos niet meer zien. Zorg dat men door het zien van je kleuren weet wat je ermee wilt zeggen!
• Vermijd te grote kleurcontrasten, zeker tussen tekst en achtergrond, dit leidt tot moeilijk leesbare teksten. Te grote kleurcontrasten worden vaak te druk; houd de kleuren dicht bij elkaar en je zult een rustiger geheel krijgen.
• Geef belangrijke (functionele) onderdelen van je website accent door middel van een kleurcontrast (bijvoorbeeld licht-donker of warm-koud). Zo vallen deze extra op en is het voor de mensen eenvoudiger om snel je site te gebruiken.
• Scheid verschillende categorieën van kleur! Vaak heb je op je website meerdere dingen te vertellen. Soms passen deze dingen bij elkaar, maar soms ook niet. Zorg in dat geval per categorie voor een andere steunkleur.
• Voor het tekstgedeelte in de website wordt als achtergrondkleur vaak wit gebruikt, omdat dit in de meeste gevallen het prettigst is om te lezen (zoals bij een boek).

Een zakelijke site die dit alles goed heeft toegepast is bijvoorbeeld www.mini.nl (mini cooper).
Let vooral op de headlines en het kleurgebruik per categorie. Rustig, sober maar toch levendig en niet saai.

Als je deze tips toepast weet ik zeker dat je snel de juiste kleurcombinaties hebt gevormd. In de komende nummers zullen we het gaan hebben over hoe je een goede layout maakt. Zorg dat je eerst je kleurcombinaties hebt gekozen, en ga dan met deze informatie in je achterhoofd lezen.

Ik wens je veel succes met het samenstellen van jouw perfecte kleuren.