Welke kleuren werken op een zakelijke website

“Doe maar blauw, dat straalt vertrouwen uit.” Die zin heb ik vaker gehoord dan me lief is, en het is het slechtste startpunt dat er is. Niet omdat blauw lelijk is, maar omdat het de vraag omdraait. Kleur is geen boodschap die je uitzendt, het is gereedschap waarmee je iemand door je pagina leidt.

De psychologie-lijstjes die je overal ziet (“groen is rust, rood is urgentie”) kloppen hooguit half en verschillen per cultuur en context. Wat wél altijd klopt: als je bezoeker je tekst niet kan lezen of je knop niet kan vinden, is de kleurkeuze mislukt.

Kleur op een website heeft één taak: de bezoeker laten zien waar hij moet kijken en waar hij moet klikken.

Begin bij contrast, niet bij smaak

Dit is de enige harde regel in dit hele stuk. Tekst moet leesbaar zijn op zijn achtergrond, ook voor iemand met minder scherpe ogen, ook op een telefoon in de zon.

Er bestaat een internationale norm voor die leesbaarheid, en voor een deel van de bedrijven is die inmiddels ook verplicht. Sinds 28 juni 2025 geldt de Europese toegankelijkheidswet voor commerciële digitale diensten, met webshops als duidelijkste voorbeeld. Heb je minder dan tien medewerkers én blijf je onder de twee miljoen euro omzet, dan val je er waarschijnlijk buiten. Dat is een reden om het rustig aan te pakken, geen reden om het te laten liggen: lichtgrijze tekst op wit kost je gewoon lezers. Elke gratis contrastchecker rekent het voor je uit.

Waar het meestal misgaat:

• Grijze tekst op een gebroken witte achtergrond, omdat “zwart zo hard is”.
• Witte tekst op een lichte foto zonder donkere laag ertussen.
• Een knop in een pastelkleur die wegvalt tegen zijn omgeving.
• Kleur als enige signaal, bijvoorbeeld een rood veld dat een fout aangeeft zonder tekst erbij. Wie kleurenblind is (ongeveer één op de twaalf mannen) ziet dan niets.

Eén accentkleur, en gebruik hem spaarzaam

De meest voorkomende fout op zakelijke sites is niet een verkeerde kleur, het zijn te véél kleuren. Vijf tinten die allemaal om aandacht vragen, en dan valt niets meer op.

Een palet dat werkt ziet er ongeveer zo uit:

Rol	Hoeveel	Waarvoor
Achtergrond	Verreweg het meeste	Rustig, meestal licht of juist heel donker
Tekstkleur	Vast	Eén donkere tint, niet puur zwart maar dichtbij
Accent	Heel weinig	Knoppen, links, het ene ding dat moet opvallen
Steunkleuren	Spaarzaam	Achtergrondvlakken, kaders, om secties te scheiden
Signaalkleuren	Alleen functioneel	Foutmelding, bevestiging

Die derde regel is de belangrijkste. Als je accentkleur overal zit, is het geen accent meer. Gebruik hem voor de belangrijkste knop op een pagina en houd je in.

Neem kleur uit je bedrijf, niet uit een trendlijst

De vraag is niet “welke kleur straalt betrouwbaarheid uit”, maar “wat hoort bij dit bedrijf”. Kijk naar wat er al is: je logo, je bedrijfswagen, je werkkleding, het materiaal waar je mee werkt, het pand waar je zit. Een aannemer die met hout werkt heeft z’n palet letterlijk in handen.

Dat levert twee dingen op tegelijk. Je site voelt als jouw bedrijf, en hij lijkt niet op die van je concurrent. Kijk trouwens ook even naar die concurrenten: zit iedereen in jouw branche in hetzelfde blauw, dan is dat een reden om iets anders te doen, niet om mee te doen.

De beste kleurkeuze is meestal geen keuze maar een vondst: iets wat al bij je bedrijf hoorde en nog nooit op je website stond.

Donkere modus en donkere sites

Twee dingen die vaak door elkaar lopen. Een donkere website is een ontwerpkeuze en kan prachtig werken voor fotografie, techniek of horeca. Donkere modus is iets anders: de voorkeur die je bezoeker in zijn telefoon of laptop heeft ingesteld.

Je hoeft niet allebei te ondersteunen. Doe je het wel, doe het dan goed: puur wit op puur zwart is vermoeiend om te lezen, dus zak iets af aan beide kanten. En test je hele site, want kleuren die in de ene stand prima zijn kunnen in de andere onleesbaar worden.

Test het buiten je eigen scherm

Jouw monitor is niet die van je klant. Voordat je een palet vastlegt:

1. Bekijk het op een telefoon, buiten, bij daglicht.
2. Zet je schermhelderheid op de helft.
3. Vraag iemand van boven de zestig om je belangrijkste knop aan te wijzen.
4. Maak een screenshot in grijstinten. Valt de knop dan nog op? Dan klopt je contrast.

Die laatste truc is de snelste kwaliteitscheck die er is en kost je een minuut.

Kleur is niet je grootste probleem

Tot slot iets wat ik eerlijk moet zeggen. Ondernemers kunnen weken twijfelen over een tint, terwijl de teksten niet kloppen en de contactpagina niet werkt. Kleur maakt een goede site beter en een slechte site niet goed.

Dus: kies één accent dat bij je past, zorg dat alles leesbaar is, en besteed de vrijgekomen energie aan wat er op je pagina’s staat. Waar je daarvoor mee begint staat in wat je klaar moet hebben voordat je je website laat bouwen.

Wil je zien hoe dit bij anderen uitpakte? Bekijk mijn werk, of plan een kennismaking en we kijken samen naar wat bij jouw bedrijf hoort.