Terug naar begrippenlijst
Kleurcode
Een kleurcode is een “recept” voor een kleur. In plaats van “een beetje donkerblauw” leg je exact vast welke kleur je bedoelt, zodat die overal hetzelfde terugkomt. Dat is handig als je consistent wilt zijn in je branding, website, social posts of drukwerk.
Inhoudsopgave
Kleur is pas betrouwbaar als je ‘m kunt vastleggen
Mensen zien kleur net iets anders, schermen ook. Wat op jouw laptop fris groen is, kan op een telefoon ineens iets geler lijken. En in drukwerk kan dezelfde kleur weer anders uitpakken door papier, inkt en afwerking. Een kleurcode zorgt dat je in elk geval met dezelfde basis begint: één afgesproken kleur, niet “ongeveer die”. Daarom werken designers en developers bijna nooit met “blauw”, maar met codes. Dan weet iedereen waar ‘ie aan toe is, en hoeft niemand te gokken.
De bekendste kleurcodes die je tegenkomt
Op het web zie je het vaakst hex-codes. Dat zijn die codes met een hashtag, zoals #FFFFFF (wit) of #000000 (zwart). Ze zijn populair omdat ze compact zijn en door vrijwel elk systeem worden begrepen. In design- en developmenttools is hex vaak de standaard.
Daarnaast heb je RGB. Dat staat voor Red, Green, Blue en werkt met waarden van 0 tot 255, zoals rgb(26, 115, 232). Dit model past goed bij schermen, omdat schermen kleur opbouwen met licht. Zolang, je iets digitaal toont, zitten hex en RGB in dezelfde hoek.
Voor drukwerk kom je meestal uit bij CMYK: Cyan, Magenta, Yellow en Key (zwart). Dat is een ander systeem, omdat drukwerk met inkt werkt in plaats van licht. En dan is er nog Pantone, wat vooral gebruikt wordt als je een kleur echt exact wilt kunnen reproduceren, bijvoorbeeld bij logo’s of huisstijltoepassingen die altijd hetzelfde moeten zijn.
Waarom kleurcodes belangrijk zijn voor je huisstijl
Consistent kleurgebruik is herkenbaarheid. Als je merk telkens net een andere tint blauw gebruikt, voelt het rommelig en onprofessioneel, ook al kan de gemiddelde bezoeker niet aanwijzen wat er precies mis is. Met vaste kleurcodes voorkom je dat “die ene PDF” net anders is dan “die ene banner” en dat je website nét niet matcht met je drukwerk.
Een kleurcode is dus niet alleen iets voor designers. Het is ook een praktische afspraak in je organisatie: dit is onze primaire kleur, dit is onze secundaire kleur, en zo gebruiken we ze. Zolang, iedereen dezelfde codes gebruikt, blijft je merk een stuk strakker.
Waar gaat het vaak mis?
Een veelvoorkomende misser is kleur doorgeven zonder context. Een hex-code werkt prima voor web, maar als je die één op één naar drukwerk stuurt, kan het resultaat tegenvallen. Niet omdat iemand iets fout doet, maar omdat CMYK anders werkt dan RGB. Hetzelfde geldt voor het kiezen van kleuren op basis van één scherm. Als je alleen op je eigen monitor kijkt, kun je ongemerkt een kleur kiezen die op andere schermen veel donkerder of fletser oogt.
Ook gebeurt het vaak dat er “even snel” een kleur wordt gepakt uit een screenshot. Dan heb je geen officiële code, maar een kleur die al beïnvloed is door compressie, belichting of instellingen. Dat is vragen om varianten. Beter is om je kleuren vast te leggen in een stijlgids en die als bron te gebruiken.
Zo zorg je dat je kleur overal klopt
Als je één advies meeneemt: zorg voor een vaste set merkkleuren met bijbehorende codes per toepassing. Dus niet alleen “de hex”, maar ook RGB en CMYK (en eventueel Pantone). Dan kan je designer, developer en drukker werken met de juiste input, zonder interpretatie.
En test je kleuren. Bekijk je ontwerp op mobiel en desktop, en vraag bij drukwerk om een proef of een kleurreferentie als het belangrijk is. Kleur is gevoelig, dus het loont om dat serieus te nemen.
Veelgestelde vragen
Een hex-code is een kleurcode voor digitaal gebruik, bijvoorbeeld #FF0000 voor rood. Het is een compacte notatie die veel gebruikt wordt in webdesign en development.
RGB gebruikt licht en is bedoeld voor schermen. CMYK gebruikt inkt en is bedoeld voor drukwerk. Daardoor kan dezelfde kleur er anders uitzien.
Als kleurconsistentie heel belangrijk is, bijvoorbeeld bij huisstijl en logo’s of merktoepassingen in druk. Pantone is een gestandaardiseerd kleursysteem waarmee kleuren beter reproduceerbaar zijn.
Schermen verschillen in instellingen, helderheid, kleurweergave en kalibratie. Een kleurcode helpt, maar het blijft een weergave op een bepaald apparaat.
Krijn Elders Senior digital designer
Gerelateerde begrippen
- B2B webdesign
- Banner
- Banner blindness
- Bedrijfskleuren
- CMYK
- Dropdown menu
- Header
- Hero image
- Iconografie
- Image optimization
- Infographic
- JPEG
- Lorem Ipsum
- Mobile-first design
- Placeholder
- Product Detail Page
- Product Landing Page
- RGB
- Sticky navigation
- Visuele content
- Webdesign
- Wireframing
- Witruimte
- Z-index
