# Pantone versus hex: merkkleuren afstemmen op druk en scherm

[Canonical HTML page](https://gradiently.design/nl/guide/pantone-colors)

Een merkkleur moet een visitekaartje, een winkelbord, een website en een Instagram-story overleven. Pantone en hex lossen elk de helft op. Zo verhouden ze zich tot elkaar en zo laat je ze overeenkomen.

## The short version

- Pantone versus hex is een verschil van medium: een Pantone-kleur is een specifieke voorgemengde drukinkt, terwijl een hexcode een RGB-kleur voor schermen is.
- Pantone-kleuren worden gedrukt als steunkleuren, één exacte inkt per kleur, terwijl gewone druk kleuren opbouwt uit vier procesinkten, CMYK.
- Pantone publiceert RGB-, hex- en CMYK-equivalenten voor zijn kleuren, maar die zijn benaderingen, en sommige Pantone-inkten zijn op scherm of in CMYK niet exact te reproduceren.
- Een gecoate en een ongecoate versie van hetzelfde Pantone-nummer zien er anders uit, en daarom eindigen de codes op C of U.
- Een complete specificatie van een merkkleur noemt een Pantone-verwijzing, een CMYK-opbouw, een RGB-waarde en een hexcode, elk op het oog gecontroleerd in plaats van blind omgezet.

**Pantone versus hex** is eigenlijk inkt tegenover licht. Een Pantone-kleur is een genummerde, voorgemengde drukinkt die je als fysiek staal kunt vasthouden. Een hexcode, zoals `#1d4ed8`, is een set rood-, groen- en blauwwaarden die een scherm vertelt hoeveel licht het moet uitzenden. Geen van beide laat zich perfect in de ander omzetten. Pantone publiceert hex- en CMYK-equivalenten, en die zijn nuttige beginpunten, maar een merk dat overal goed oogt kiest elke versie op het oog en schrijft ze allemaal op.

## Wat een Pantone-kleur eigenlijk is

Het Pantone Matching System is een catalogus van standaardinktrecepten, elk met een nummer. Een drukker waar ook ter wereld kan hetzelfde recept mengen en krijgt, binnen de tolerantie, dezelfde kleur. Het achtervoegsel vertelt voor welk papier het is ontworpen: **C** voor gecoat en **U** voor ongecoat. Dezelfde inkt ziet er op gecoat papier helderder en scherper uit en op ongecoat zachter, donkerder en vlakker, dus een code als *PMS 186 C* en *PMS 186 U* staan bewust als aparte stalen vermeld.

## Steunkleur versus proceskleur

### Steunkleur (Pantone)

- Eén voorgemengde inkt per kleur
- Zeer consistent van oplage tot oplage
- Kan kleuren halen die CMYK niet haalt, waaronder metallics en fluorescerende kleuren
- Elke extra steunkleur voegt een plaat en kosten toe
- Ideaal voor logo’s, briefpapier, verpakking en bewegwijzering

### Proceskleur (CMYK)

- Kleuren opgebouwd uit vier inkten in kleine puntjes
- Kan meer verschillen tussen persen en papiersoorten
- Kleiner bereik; de helderste kleuren worden ingetrokken
- Verwerkt foto’s en verlopen makkelijk
- Ideaal voor flyers, brochures, tijdschriften en posters

Veel merken gebruiken beide: het logo gedrukt in een Pantone-steunkleur op briefpapier en verpakking, en een CMYK-match voor folders in volle kleur. [RGB versus CMYK](https://gradiently.design/nl/guide/rgb-vs-cmyk) legt uit waarom proceskleur een deel van de helderste tinten kwijtraakt.

## Hex en RGB: kleur als licht

Een hexcode is gewoon RGB geschreven in grondtal 16: twee tekens voor elk van rood, groen en blauw, van `00` tot `ff`. `#1d4ed8` betekent rood 29, groen 78, blauw 216. Als getal is het precies, maar niet als uiterlijk, want elk scherm geeft het een beetje anders weer, afhankelijk van paneel, helderheid en instellingen. [Kleurcodes uitgelegd](https://gradiently.design/nl/guide/color-codes-explained) behandelt hex, RGB, HSL en de rest.

| Systeem | Wat het beschrijft | Gebruikt voor | Voorbeeldnotatie |
| --- | --- | --- | --- |
| Pantone | Een fysieke voorgemengde inkt | Logo’s, verpakking, bewegwijzering | PMS 186 C |
| CMYK | Percentages van vier procesinkten | De meeste commerciële druk | C0 M60 Y90 K0 |
| RGB | Hoeveelheden rood, groen en blauw licht | Schermen, video, apps | rgb(29 78 216) |
| Hex | RGB geschreven in grondtal 16 | Websites, ontwerptools | #1d4ed8 |

Vier manieren om één merkkleur te benoemen. Elk hoort bij een ander medium.

## Waarom omzettingen van Pantone naar hex bij benadering zijn

- **Verschillende gamuts:** sommige Pantone-inkten, vooral felle oranje, groene, fluorescerende en metallic tinten, liggen buiten wat een standaardscherm kan tonen.
- **Papier en licht:** een inktstaal verandert met het papier en het licht waaronder je kijkt; een scherm zendt zijn eigen licht uit.
- **Schermen verschillen:** dezelfde hex ziet er op twee monitoren anders uit, dus geen enkele hex kan overal een fysieke inkt evenaren.
- **Updates:** Pantone heeft zijn digitale waarden door de jaren heen herzien, dus oudere merkgidsen kunnen andere hex-equivalenten voor dezelfde inkt noemen.

> **Zie omzetters als beginpunt** Online tools voor Pantone naar hex geven een getal, geen match. Gebruik de eigen gepubliceerde waarden van Pantone of Pantone Connect als eerste schatting en pas dan op het oog aan tegen een fysiek staal.

## Zo stem je een merkkleur af op druk en scherm

1. **Bepaal welk medium leidt** Leeft het merk vooral in druk, zoals verpakking of een winkelpui, kies dan eerst de Pantone. Leeft het vooral op schermen, kies dan eerst de hex en zoek de dichtstbijzijnde Pantone.
2. **Kies uit een fysieke gids** Kies de inkt uit een gedrukte Pantone-gids in daglicht of neutraal licht, in het gecoate of ongecoate boek dat bij je papier past.
3. **Zoek de dichtstbijzijnde schermkleur op het oog** Begin bij de gepubliceerde hex van Pantone, houd het staal naast een gekalibreerd of goed scherm en pas aan tot beide hetzelfde aanvoelen.
4. **Vraag je drukker om een CMYK-opbouw** Vraag om de beste CMYK-versie op hun pers en papier, voor opdrachten die de steunkleur niet gebruiken.
5. **Maak overal een proef van** Druk een test van de CMYK-versie en vergelijk die met het staal vóór een grote oplage.
6. **Schrijf alle vier de waarden op** Leg Pantone, CMYK, RGB en hex vast in je [merkstijlgids](https://gradiently.design/nl/guide/brand-style-guide), zodat niemand ter plekke omzet.

```json
{
  "brand-blue": {
    "pantone": "Chosen from the coated guide, e.g. PMS xxxx C",
    "pantoneUncoated": "Matched separately in the uncoated guide",
    "cmyk": "From your printer, checked on a proof",
    "rgb": "rgb(29 78 216)",
    "hex": "#1d4ed8"
  }
}
```

Een merkkleurrecord met elke versie op één plek. Vul de drukwaarden uit stalen en proeven, niet uit een omzetter. [Designtokens](https://gradiently.design/nl/guide/design-tokens) laten zien hoe teams dit opslaan.

Visitekaartje voor een fysiotherapiepraktijk genaamd Northside Physio

Een visitekaartje op 1050×600 px. In druk loopt de merkkleur als één steunkleur zodat elke herdruk overeenkomt.

Staand Instagram-bericht van dezelfde fysiotherapiepraktijk met een aankondiging van avondafspraken

Hetzelfde merk op Instagram op 1080×1350, waar de hex die naast de gedrukte inkt is gekozen het overneemt.

## Merkkleuren voorbij één staal

Een vlakke merkkleur is makkelijk te specificeren en makkelijk te kopiëren, en op scherm voegen veel merken nu diepte toe met licht, verlopen en textuur. Die leven in RGB: bouw ze op uit de merkhex en zijn buren, en bewaar de vlakke Pantone voor drukopdrachten waar één exacte inkt telt. [Merkkleurcodes](https://gradiently.design/nl/guide/brand-color-codes) en [merkkleuren kiezen](https://gradiently.design/nl/guide/how-to-choose-brand-colors) gaan verder.

- Merkblauw, van licht tot diep: `linear-gradient(135deg, #1d4ed8 0%, #1e3a8a 100%)`
- Merkblauw met een lichtbron: `radial-gradient(circle at 75% 25%, #3b82f6 0%, #1d4ed8 45%, #0b1a4a 100%)`

Schermversies rond één merkhex. In druk wordt zo’n verloop meestal in CMYK gereproduceerd in plaats van als steunkleur.

Een Gradiently Mark gaat dat idee verder: een levende achtergrond met eigen kleuren, licht en korrel, in handen van één merk tegelijk. Zoek op de Markt met kleurwoorden zoals “diepblauw” om er een te vinden die dicht bij je merkkleur ligt.

## FAQ

### Wat is het verschil tussen Pantone en hex?

Pantone identificeert een fysieke voorgemengde drukinkt. Hex is een RGB-waarde die een scherm vertelt hoeveel rood, groen en blauw licht het moet tonen.

### Kun je Pantone exact omzetten naar hex?

Nee. Pantone publiceert hex-equivalenten, maar dat zijn benaderingen omdat inkten, papier en schermen zich anders gedragen, en sommige inkten buiten het bereik van het scherm liggen.

### Wat betekenen C en U bij Pantone?

C betekent dat het staal voor gecoat papier is en U voor ongecoat. Dezelfde inkt ziet er op elk anders uit, dus ze worden apart vermeld.

### Wat is een steunkleur?

Een steunkleur wordt gedrukt met een eigen voorgemengde inkt in plaats van opgebouwd uit CMYK-puntjes. Het is consistenter en kan kleuren halen die CMYK niet haalt.

### Heb ik Pantone-kleuren nodig voor mijn merk?

Alleen als je dingen drukt waarbij exacte kleur telt, zoals verpakking, bewegwijzering of briefpapier. Een digital-first merk kan beginnen met hex en RGB, plus een gecontroleerde CMYK-versie voor af en toe druk.