Je hebt een mooie merkkleur, bijvoorbeeld uit je logo of je drukwerk. Logisch dat je die ook online wilt gebruiken. Maar een kleur die prachtig is op papier of als logo, werkt op een scherm niet altijd even goed. Een felle merkkleur als achtergrond van een hele pagina kan vermoeien, en als tekstkleur soms zelfs onleesbaar zijn. De kunst is om je merkkleur slim te vertalen.

Een merkkleur is een accent, geen deken

De sterkste sites gebruiken hun merkkleur spaarzaam: voor knoppen, links en accenten die de aandacht moeten trekken. De rest is rustig, vaak wit of een zacht grijs. Juist door die zuinigheid valt de merkkleur op precies de plekken op waar het telt. Vul je de hele pagina ermee, dan valt nergens nog iets op.

Bouw een klein palet

Eén kleur is bijna nooit genoeg. Je hebt een lichtere variant nodig voor achtergronden, een donkere voor tekst en misschien een tweede accent voor afwisseling. Een doordacht palet rond je merkkleur geeft je genoeg gereedschap om alles te ontwerpen, zonder dat het schreeuwerig wordt.

Een merkkleur herken je het sterkst als je hem spaarzaam gebruikt. Overal is hetzelfde als nergens.

Let op leesbaarheid

Sommige merkkleuren, vooral geel, lichtgroen of felle pasteltinten, geven te weinig contrast voor tekst. Gebruik die kleuren dan voor vlakken of accenten, niet voor woorden die mensen moeten lezen. Tekst hoort donker op licht of licht op donker, met genoeg verschil.

Test op meerdere schermen

Een kleur ziet er op jouw scherm anders uit dan op een goedkope telefoon of een oude monitor. Bekijk je merkkleur op verschillende apparaten voordat je hem vastlegt. Wat op jouw laptop diep en rijk oogt, kan elders flets of juist schreeuwerig worden.

Blijf trouw aan dezelfde tint

Gebruik overal exact dezelfde kleurwaarde, niet een net iets andere variant per pagina. Kleine verschillen vallen onbewust op en maken een site slordig. Leg je palet één keer vast en houd je daar consequent aan, op elke pagina en in elk onderdeel.

Wil je je merkkleur goed laten landen op je site? Neem contact op.

Verder lezen: Kleurgebruik op je website · Huisstijl naar website