HEX, RGB, CMYK: consistente merkkleuren

In de visuele identiteit van een merk wordt kleur vaak nog eerder onthouden dan het logo, en toch komt het vaak voor dat hetzelfde turquoise levendig oogt op een website maar verbleekt op een visitekaartje. De oorzaak is meestal verwarring tussen hex rgb cmyk. Deze drie notaties beschrijven dezelfde kleur voor verschillende werelden: schermen mengen licht, drukwerk mengt inkt. Kleur consistent houden betekent weten welke notatie waar hoort, en waarom converteren ertussen nooit zonder verlies verloopt.

Wat HEX, RGB en CMYK eigenlijk betekenen

Alle drie drukken een kleur uit met getallen, maar via verschillende modellen:

• RGB (rood, groen, blauw): het additieve model van schermen, die met licht werken. Elk kanaal loopt van 0–255; alle drie op maximum geeft wit, alle op nul geeft zwart.
• HEX: een hexadecimale schrijfwijze van RGB, geen apart model. #FF8800 is exact dezelfde kleur als rgb(255, 136, 0); FF = 255, 88 = 136, 00 = 0.
• CMYK (cyaan, magenta, geel, zwart/Key): het subtractieve model van drukwerk met inkt. Inkt op wit papier toevoegen absorbeert meer licht en maakt het donkerder; waarden worden meestal in procenten gegeven.

Het kernpunt: HEX en RGB zijn voor schermen, CMYK voor drukwerk. Een degelijke kleurgids definieert idealiter beide.

Waarom scherm en druk nooit exact overeenkomen

RGB en CMYK kunnen verschillende kleurbereiken (gamut) weergeven. RGB-schermen kunnen sterk verzadigde kleuren tonen, zoals felle groenen, levendige blauwen en neonoranje; CMYK-inkt kan sommige daarvan fysiek niet bereiken. Een kleur die opvallend lijkt op het scherm wordt bij het drukken dus afgekapt naar de dichtstbijzijnde haalbare tint en oogt matter.

Daar komt bij dat elk apparaat kleur iets anders interpreteert: twee monitoren, een telefoon en een offsetpers kunnen hetzelfde bestand elk anders weergeven. Daarom is een HEX-waarde alleen niet genoeg; wat het proces echt stuurt zijn de kleurprofielen (ICC-profielen) en de standaarden waarnaar een merk verwijst.

Pantone, kleurprofielen en een referentiepunt

Bij inktdruk komt de betrouwbaarste consistentie van steunkleursystemen zoals Pantone (PMS). Een Pantone is een voorgemengde standaardinkt; de drukker neemt de code en reproduceert exact die tint zonder vier proceskleuren te mengen. Precies daarom geven huisstijlen voor logo's zo vaak een Pantone-referentie.

Voor schermen en conversies telt het kleurprofiel:

• sRGB: de standaard voor het web en de meeste schermen. Mik hierop voor je site, social media en alle digitale beelden.
• CMYK + ICC-profiel: bij drukwerk gebruik je het profiel dat de drukker vereist (bijvoorbeeld een gestreken-papierprofiel). De conversie doe je via een gekozen render intent.

De conversie in de praktijk goed doen

In ontwerptools lijkt conversie automatisch, maar je moet er controle over houden. Een paar basisregels:

• Houd digitaal werk in RGB/sRGB-modus; maak een apart CMYK-document voor druk, en meng de twee niet in één bestand.
• Controleer kleuren bij de overgang van RGB naar CMYK met het oog: pas felle tinten buiten het gamut handmatig aan naar de dichtstbijzijnde versie die het merk accepteert, in plaats van het automatische afkappen van de tool te laten beslissen.
• Vermeld in de kleurgids voor elke primaire en secundaire kleur HEX, RGB, CMYK en, indien mogelijk, Pantone samen.

Aan de CSS-kant verkleint een variabele om de webkleur vast te leggen de foutmarge:

:root {
  --brand: #1FB8A6;            /* HEX */
  --brand-rgb: 31, 184, 166;   /* zelfde kleur, RGB */
}

.button {
  background: var(--brand);
  /* gebruik dezelfde kleur uit één bron voor een doorschijnende schaduw */
  box-shadow: 0 4px 12px rgba(var(--brand-rgb), 0.35);
}

Zo put de hele site uit één bron en wijkt je merkkleur nooit af van het ene naar het andere component.

Een checklist voor je kleurgids

• Primaire kleur: HEX + RGB + CMYK + Pantone samen.
• sRGB gedefinieerd voor web, het ICC-profiel van de drukker voor druk.
• Leesbaarheid en contrastverhouding getest op lichte en donkere achtergronden.
• Eenkleurige (zwart-wit) en negatieve versies klaar.
• Bestanden gelabeld: duidelijk welke voor scherm en welke voor druk is.

Veelgestelde vragen

Is er een kleurverschil tussen HEX en RGB?

Nee. HEX is gewoon een andere schrijfwijze van RGB; in hetzelfde kleurprofiel geven #1FB8A6 en rgb(31, 184, 166) exact dezelfde kleur. Het enige verschil is het gemak van de notatie.

Kan ik mijn logo rechtstreeks vanuit RGB-waarden drukken?

Dat kan, maar het resultaat wordt onvoorspelbaar; de drukker zet intern om naar CMYK en felle tinten kunnen verbleken. Voor druk is het veel veiliger om CMYK te leveren, of een Pantone-waarde voor kritische kleuren.

Kan ik web en druk er exact hetzelfde laten uitzien?

Een exacte match is meestal onmogelijk omdat licht en inkt anders werken. Het doel is een tint die zo dichtbij ligt dat het niet opvalt, en consistent is — dat bereik je met de juiste profielen en een Pantone-referentie.

Laat je merkkleur er overal hetzelfde uitzien. Heb je een consistente kleurgids met HEX-, RGB- en CMYK-waarden nodig voor logo, web en druk, neem dan contact met me op.