Je hebt een interface ontworpen die er prachtig uitziet — totdat een gebruiker meldt dat de rode foutmelding en de groene succesmelding voor hem nauwelijks van elkaar te onderscheiden zijn. Zo’n melding is geen kritiek op je smaak, maar een signaal dat je palet op één type ogen is afgestemd.
Het goede nieuws: colorblind safe kleuren kiezen is geen giswerk. Er bestaan gedocumenteerde paletten, heldere vuistregels en gratis tools waarmee je je keuzes kunt controleren. Hieronder lopen we ze stap voor stap door.
Wat “colorblind safe” eigenlijk betekent
Eerst de terminologie. Het woord “kleurenblind” wekt de indruk dat het om de afwezigheid van kleurzicht gaat, maar de termen die je in de praktijk tegenkomt beschrijven iets anders: profielen waarbij bepaalde kleurverschillen samenvallen of moeilijker te onderscheiden zijn.
Twee veelvoorkomende categorieën zijn dichromasie en anomale trichromasie. Bij dichromasie ontbreekt één kegelfunctie of functioneert die niet: protanopie (L-kegelfunctie), deuteranopie (M-kegelfunctie) of tritanopie (S-kegelfunctie). Die L-, M- en S-kegels zijn gevoelig voor overlappende golflengtegebieden — spreken van “rood-”, “groen-” en “blauw-kegels” is daarom te simpel.
Bij anomale trichromasie — protanomalie, deuteranomalie of tritanomalie — zijn alle kegelfuncties aanwezig, maar is de spectrale gevoeligheid van één ervan verschoven. Daarnaast bestaan er andere profielen, zoals achromatopsie.
Belangrijk voor ontwerpers: “colorblind safe” is geen garantie. Het betekent dat een palet is ontworpen en gecontroleerd met kleurzichtverschillen in gedachten. Hoe goed het in de praktijk werkt, hangt mede af van context, contrast, schermweergave en de ernst van iemands profiel.
Waarom kleur alleen nooit genoeg is
Voordat we paletten kiezen, één principe dat boven alles staat: laat betekenis nooit alleen via kleur overbrengen. Dit is vastgelegd in WCAG-succescriterium 1.4.1 (Gebruik van kleur).
Concreet: een grafiek waarin lijnen alleen door kleur verschillen, een formulier waarin alleen een rode rand een fout aangeeft, een status die alleen als groen of rood bolletje wordt getoond — die ontwerpen voldoen niet aan dit criterium.
Combineer kleur daarom met een tweede signaal: een icoon, een tekstlabel, een patroon of arcering, een verschil in lijnstijl of vorm. Doe je dit consequent, dan is je kleurpalet een verrijking in plaats van een risico.
Begin met een gedocumenteerd palet: Okabe-Ito
Je hoeft het wiel niet uit te vinden. Het bekendste startpunt is het palet van Masataka Okabe en Kei Ito, volgens AudioEye het meest geciteerde colorblind safe palet in wetenschappelijke en datavisualisatie-kringen. Het is ontworpen om onderscheidbaar te blijven bij de grote typen kleurzichtverschillen, waaronder rood-groen en blauw-geel (bron: AudioEye, geraadpleegd juli 2026).
Het palet bevat acht kleuren:
- Zwart (#000000)
- Oranje (#E69F00)
- Hemelsblauw (#56B4E9)
- Blauwgroen (#009E73)
- Geel (#F0E442)
- Blauw (#0072B2)
- Vermiljoen (#D55E00)
- Roodpaars (#CC79A7)
Kanttekening: dat een palet met zorg is ontworpen, garandeert niet dat elke combinatie voor elke gebruiker, op elk scherm en in elke context werkt. Controleer je specifieke toepassing altijd zelf — daarover hieronder meer.
Dat Okabe-Ito acht kleuren telt, is een eigenschap van dit palet, geen algemene toegankelijkheidsgrens. Hoeveel betekenisdragende kleuren jouw ontwerp aankan, hangt af van de toepassing — en van de labels, vormen en patronen die je ernaast inzet.
Ook IBM ontwikkelde binnen zijn designsysteem een colorblind safe palet, gericht op toegankelijkheid in enterprise-producten (bron: AudioEye, geraadpleegd juli 2026). Verder bieden ColorBrewer en de paletten van Paul Tol opties voor onder meer sequentiële en divergerende kleurschalen in heatmaps en kaarten (bron: NKI, geraadpleegd juli 2026).
Riskante combinaties — en wat je in plaats daarvan doet
Het NCEAS-advies voor wetenschappelijke visualisaties (geraadpleegd juli 2026) is duidelijk over de belangrijkste vuistregel: vermijd rood, vooral in combinatie met groen.
Moet je toch een tegenstelling als goed/fout of stijging/daling tonen? Datzelfde advies noemt alternatieven: probeer blauw/rood of blauw/oranje, en gebruik voor divergerende schalen bijvoorbeeld rood-naar-blauw of paars-naar-groen (bron: NCEAS, geraadpleegd juli 2026). Let op: ook deze combinaties zijn niet automatisch veilig — controleer ze per toepassing met een simulator of paletrapport.
Kun je écht niet om rood en groen heen — bijvoorbeeld door merkrichtlijnen — dan adviseert NCEAS om helderheid en tint aan te passen (bron: NCEAS, geraadpleegd juli 2026). Beschouw dat als een startpunt, niet als een vrijbrief: controleer de gekozen waarden daarna alsnog op contrast en met simulatie.
Een grijswaardenweergave van je ontwerp is een nuttige snelle check, maar met een beperkt bereik: hij laat vooral zien of er lichtheidsverschil is. Hij vervangt geen contrastcontrole, geen simulatie per kleurzichtprofiel en geen test met echte gebruikers.
Test je palet met simulatie en tools
Vertrouw nooit alleen op je eigen ogen — zeker niet als je zelf geen kleurzichtverschil hebt. Er zijn meerdere tools om je palet te controleren:
Viz Palette genereert per kleurencombinatie een rapport dat aangeeft welke kleuren te veel op elkaar lijken, ook per kleurzichtprofiel (bron: data.europa.eu, geraadpleegd juli 2026).
ColorBrewer is ontstaan voor cartografie maar werkt net zo goed voor grafieken; je kunt er filteren op uitsluitend colorblind safe paletten (bron: data.europa.eu, geraadpleegd juli 2026).
Adobe Color biedt een simulator waarmee je potentiële zichtbaarheidsproblemen in je palet kunt opsporen voor verschillende typen kleurzichtverschillen (bron: Adobe, geraadpleegd juli 2026). Het interactieve hulpmiddel van David Nichols laat eveneens zien hoe toegankelijk je kleuren zijn (bron: davidmathlogic.com, geraadpleegd juli 2026).
Voor designsystemen noemt ontwerper Nate Baldwin de tool Leonardo, met een proces voor het kiezen van colorblind safe kleuren voor deutan-, protan-, tritan- en achromatopsie-profielen (bron: presentatie Nate Baldwin, geraadpleegd juli 2026).
En wil je zelf gevoel krijgen voor wat er kan gebeuren? De simulator van KLEURLENS benadert welke kleurverschillen kunnen samenvallen bij verschillende kleurzichtprofielen. Hij is bedoeld als educatief hulpmiddel om risico’s in je ontwerp op te sporen — niet als weergave van iemands exacte, subjectieve waarneming.
Vuistregels voor colorblind safe interfaces
Samengevat in een checklist die je bij elk ontwerp kunt langslopen:
- Start met een gedocumenteerd palet zoals Okabe-Ito in plaats van kleuren op gevoel te kiezen.
- Codeer betekenis dubbel: kleur plus icoon, label, patroon of vorm (WCAG 1.4.1).
- Vermijd rood-groen als dragende tegenstelling; overweeg blauw/oranje of blauw/rood — en controleer ook die keuze per toepassing.
- Varieer in helderheid, niet alleen in tint, en gebruik grijswaarden als eerste check — niet als eindcontrole.
- Beperk het aantal kleuren dat betekenis draagt tot wat je toepassing werkelijk nodig heeft.
- Simuleer en test met tools als Viz Palette, ColorBrewer, Adobe Color of de KLEURLENS-simulator.
- Label direct waar het kan: een tekstje bij een lijn of segment maakt je grafiek minder afhankelijk van een legenda die op kleur leunt.
Ontwerp je voor collega’s of gebruikers met een kleurzichtverschil, ga dan ook het gesprek aan. Vraag wat wél en niet werkt — die feedback is een waardevolle aanvulling op elke tool.
Je eerste stap: controleer je huidige palet vandaag
Je hoeft niet je hele designsysteem om te gooien om te beginnen. Pak de kleuren die in jouw interface nu betekenis dragen — statussen, grafiekseries, categorieën — en zet ze naast elkaar.
Haal ze vervolgens door een simulator, bijvoorbeeld die van KLEURLENS, en kijk welke kleurverschillen kunnen samenvallen. Zie je twee betekenisdragende kleuren die dicht bij elkaar komen? Dan weet je waar je kunt ingrijpen: vervang de kleur door een optie uit het Okabe-Ito-palet, of voeg een tweede signaal toe zoals een icoon of label.
Zo’n eerste controle hoeft niet veel tijd te kosten en kan je interface merkbaar begrijpelijker maken voor gebruikers met een kleurzichtverschil. Vaak wint je ontwerp er ook voor alle anderen aan duidelijkheid bij.