Welke kleuren werken op een zakelijke website

Inhoud8 onderdelen, 4 min

1. 01Begin bij contrast, niet bij smaak
2. 02Eén accentkleur, en gebruik hem spaarzaam
3. 03Neem kleur uit je bedrijf, niet uit een trendlijst
4. 04Donkere modus en donkere sites
5. 05Test het buiten je eigen scherm
6. 06Kleur is niet je grootste probleem
7. 07Wat je nu kunt doen
8. 08Vragen bij dit stuk

In het kort

1. Kleur laat de bezoeker zien waar hij moet kijken en waar hij moet klikken.
2. Begin bij contrast, niet bij smaak. Tekst moet leesbaar zijn op zijn achtergrond.
3. Kies één accentkleur die bij je bedrijf past, en gebruik hem spaarzaam.

“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.

01Begin 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.

02Eé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:

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.

voorbeeld

1234

1. 01AchtergrondVerreweg het meeste. Rustig, en hier licht.#f3efe6
2. 02TekstkleurEén donkere tint, niet puur zwart maar dichtbij.#211f1a #4c483f
3. 03AccentKnoppen, links, het ene ding dat moet opvallen.#2e4d3b
4. 04Uit het vakKleuren die je bij een schilder ziet en niet bij een marketingbureau.grachtengroen, hollands oker, haags blauw, menie, roetzwart

03Neem 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.

04Donkere 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.

05Test het buiten je eigen scherm

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

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

In kleurIn grijstinten

maisonette1897.nl

de knop

06Kleur 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.

07Wat je nu kunt doen

• Kijk naar wat er al is: je logo, je bedrijfswagen, je werkkleding, het pand waar je zit.
• Kies één accent dat bij je past en gebruik het voor de belangrijkste knop.
• Zorg dat alles leesbaar is. Elke gratis contrastchecker rekent het voor je uit.
• Maak een screenshot in grijstinten. Valt de knop dan nog op?

08Vragen bij dit stuk

Welke kleur straalt vertrouwen uit?

De vraag is niet welke kleur betrouwbaarheid uitstraalt, 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.

Hoeveel kleuren gebruik je op een website?

Eén accentkleur, en die gebruik je spaarzaam. De meest voorkomende fout op zakelijke sites is niet een verkeerde kleur, het zijn te véél kleuren. Als je accentkleur overal zit, is het geen accent meer.

Heeft mijn site een donkere modus nodig?

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 in beide standen.