## Kleurgebruik

Bij het ontwerpen van een gebruikersinterface moet je als ontwerper in de huid van de gebruiker kunnen kruipen. In een aantal opzichten zal die gebruiker anders reageren dan de ontwerper, maar een aantal dingen zullen ze gemeen hebben. Zo reageren mensen bijvoorbeeld over het algemeen op dezelfde manier op bepaalde kleuren. Dat komt voor een deel omdat kleuren in onze maatschappij een bepaalde betekenis hebben gekregen. Waarom zou het scherm hiernaast bijvoorbeeld nare gevolgen kunnen hebben? Kleuren hebben niet alleen een bepaalde betekenis omdat er afspraken over zijn gemaakt. Rood wordt vaak gebruikt voor gevaar of stoppen/niet doen. Kleuren hebben ook een emotionele waarde. Zo staat rood niet alleen voor gevaar of stoppen, maar ook voor warm, bijvoorbeeld. Voor veel mensen uit eenzelfde cultuur hebben kleuren dezelfde emotionele waarden. Per cultuur kunnen die waarden echter wel verschillen.

Als je weet welke kleur bij welke stemming of sfeer past, kun je een kleur gaan kiezen. Daarnaast is het ook goed om te weten hoe je kleuren moet gebruiken. Sommige kleuren vind je misschien wel heel mooi, terwijl de combinatie van die kleuren nauwelijks leesbaar is.

Kleuren worden weergegeven in 3 componenten: rood, groen en blauw. Dit wordt het RGB-model genoemd. Daarbij worden kleuren ook nog weergegeven in 3 andere begrippen: het HSB-model. HSB-kleuren worden ook gemaakt met behulp van drie getallen. Het eerste getal (en de H) staat voor de Hue, de tint. Dit is een kleur op de regenboog. De plaats op de regenboog wordt aangegeven door een getal tussen 0 en 1.

De S van HSB staat voor Saturation, ofwel verzadiging. Dit geeft aan hoe fel de kleur is. Ook de verzadiging is een getal tussen 0 en 1; 0 betekent dat er geen enkele kleur meer is, het is grijs; 1 wil zeggen dat de kleur op zijn felst is. De B van HSB staat voor Brightness, ofwel helderheid. Dit geeft aan hoe licht de kleur is. Ook de helderheid is een getal tussen 0 en 1; 0 betekent geen enkel licht: zwart; 1 wil zeggen dat de kleur voluit getoond wordt.

Je kunt dit verschil in helderheid zien als je in Word een kleur kiest:

Er zijn drie regels om ervoor te zorgen dat je tekst niet wegvalt tegen de achtergrond, en ook leesbaar is voor mensen die kleurenblind zijn:

- Overdrijf het verschil in helderheid tussen de voorgrond en de achtergrond en vermijd kleuren die dicht bij elkaar liggen, zelfs als ze sterk verschillen in verzadiging of tint.
- Kies donkere kleuren uit de rechterhelft van de kleurencirkel tegen lichte kleuren van de linker helft.
- Vermijd kleuren die dicht naast elkaar liggen in de kleurencirkel. Oranje met rood is dus geen goede combinatie, ook al liggen ze op verschillende helften van de cirkel.