# Merkkleuren kiezen: een methode in acht stappen

[Canonical HTML page](https://gradiently.design/nl/guide/how-to-choose-brand-colors)

Merkkleuren kies je, je vindt ze niet. Een heldere methode brengt je van een leeg vel naar een palet dat onderscheidend en leesbaar is, en over twee jaar nog steeds klopt.

## The short version

- Om merkkleuren te kiezen begin je bij het karakter en de doelgroep van het merk, en kijk je daarna welke kleuren je branche al gebruikt.
- Een sterk merkpalet is gebouwd rond één hoofdkleur die mensen met jou kunnen verbinden, niet rond meerdere gelijkwaardige kleuren.
- Het grootste deel van een merkpalet bestaat uit neutrale tinten: een getint donker voor tekst, een getint licht voor achtergronden en één of twee rustige ondersteunende kleuren.
- Een accentkleur, spaarzaam gebruikt, geeft knoppen en hoogtepunten iets om mee op te vallen.
- Elk merkpalet hoort getest te worden op tekstcontrast en in echte formaten, klein en in druk, voordat je het vastlegt.

**Merkkleuren kiezen**, in het kort: bepaal hoe het merk moet aanvoelen, kijk welke kleuren je concurrenten al bezitten, kies één hoofdkleur die je onderscheidt, omring die met neutrale tinten en een klein accent, en test het geheel op contrast en in echte ontwerpen. De stappen hieronder maken daar een methode van die je in een middag afrondt. Het resultaat is een palet waarin elke kleur een taak heeft, in plaats van vijf kleuren die je toevallig mooi vindt.

Zijn tint, verzadiging en lichtheid nieuw voor je, lees dan eerst [de basis van kleurtheorie](https://gradiently.design/nl/guide/color-theory-basics). Dat maakt elke stap makkelijker.

## De methode in één oogopslag

1. **Beschrijf het karakter van het merk in drie woorden** Rustig, precies, warm. Gedurfd, speels, lokaal. Deze woorden bepalen temperatuur, verzadiging en contrast voordat je naar één staal kijkt.
2. **Weet wie er kijkt** Denk aan je doelgroep, waar ze je zien en, als je in meerdere landen werkt, wat kleuren daar betekenen. [Kleurbetekenissen over de hele wereld](https://gradiently.design/nl/guide/color-meanings-around-the-world) helpt.
3. **Breng je branche in kaart** Verzamel de logo’s, sites en verpakkingen van tien concurrenten en noteer hun hoofdkleuren. Je zoekt wat druk bezet is en wat nog vrij is.
4. **Kies één hoofdkleur** Eén kleur die mensen met jou verbinden. Hij moet passen bij je drie woorden en opvallen in je brancheoverzicht.
5. **Voeg neutrale tinten toe** Een getint bijna-zwart voor tekst en een getint bijna-wit voor achtergronden, plus één rustige ondersteunende tint.
6. **Voeg één accent toe** Een contrasterende kleur voor knoppen, prijzen en hoogtepunten, spaarzaam gebruikt.
7. **Test het contrast** Controleer elk paar van tekst en achtergrond aan de WCAG-verhoudingen.
8. **Test in context en leg het vast** Zet het palet op echte formaten en noteer daarna elke code en de rol van elke kleur.

## Stap 1 tot 3: karakter, doelgroep en branche

De meeste merkpaletten mislukken al voordat er een kleur is gekozen, omdat niemand heeft besloten hoe het merk moet aanvoelen. Drie woorden zijn genoeg. *Warm, ambachtelijk, ontspannen* wijst naar aardse, gedempte kleuren met zacht contrast. *Scherp, snel, technisch* wijst naar koele, verzadigde kleuren met sterk contrast. [Kleurpsychologie](https://gradiently.design/nl/guide/color-psychology) behandelt wat kleuren meestal uitstralen, en waarom context meer telt dan regels.

Kijk daarna naar de concurrentie. Stel dat je een kleine koffiebranderij hebt en de branders in je buurt vooral bruin, crème en zwart gebruiken. Nog een bruin valt weg. Een brancheoverzicht maakt dat zichtbaar.

| Concurrent | Hoofdkleur | Voelt |
| --- | --- | --- |
| Brander A | Espressobruin | Traditioneel |
| Brander B | Crème en zwart | Minimaal, klassiek |
| Brander C | Kraftbruin | Ambachtelijk |
| Brander D | Bosgroen | Natuurlijk |
| Gat | Warm oranje, diep petrol | Niemand in de buurt gebruikt ze |

Een voorbeeld van een brancheoverzicht. De drukbezette kleuren springen eruit zodra ze op één plek staan.

Anders zijn betekent niet willekeurig zijn. De beste gaten passen nog steeds bij je drie woorden. Een warme, ambachtelijke brander kan een geroosterd oranje nemen; een fel elektrisch blauw zou anders zijn, maar verkeerd.

## Stap 4 tot 6: hoofdkleur, neutrale tinten en accent

Een **hoofdkleur** is de kleur die mensen onthouden. Geef hem de meeste kleurmomenten van het merk: het logo, de verpakking, het eerste beeld van elke post. Twee of drie gelijkwaardige hoofdkleuren kiezen verdunt de herkenning; één is sterker.

Neutrale tinten doen het meeste werk. Puur zwart en wit voelen generiek; tint ze een beetje naar je hoofdkleur of naar warm of koel, en het hele palet voelt verwant. Voeg daarna één rustige ondersteunende kleur toe voor vlakken en illustraties, en één accent voor de paar dingen die moeten opvallen.

- Hoofdkleur: geroosterd oranje: #c2410c
- Inkt: warm zwart: #1c1917
- Papier: warm wit: #faf7f2
- Steun: haver: #e7dccb
- Accent: diep petrol: #0f766e

Het palet van de brander: één hoofdkleur, twee getinte neutrale tinten, een rustige steunkleur en een koel accent van de overkant van het kleurenwiel.

### Vermijd

- Vijf even belangrijke kleuren
- Puur `#000000` en `#ffffff` als neutrale tinten
- Een accent dat overal zit
- Kiezen op je persoonlijke lievelingskleur

### Doe

- Eén hoofdkleur die duidelijk leidt
- Neutrale tinten die naar het merk neigen
- Een accent dat je bewaart voor acties en hoogtepunten
- Kiezen op karakter en een gat in de branche

De [60-30-10-regel](https://gradiently.design/nl/guide/60-30-10-rule) is een handige leidraad voor verhoudingen: ongeveer 60% neutraal, 30% hoofd- en steunkleur, 10% accent. De exacte getallen zijn minder belangrijk dan een duidelijke rangorde.

## Stap 7: test het contrast

WCAG vraagt een contrastverhouding van minstens 4,5:1 voor normale tekst en 3:1 voor grote tekst. Controleer elk paar dat je wilt gebruiken. Merkkleuren midden in het lichtheidsbereik, zoals veel oranjes en groenen, werken vaak met witte tekst maar niet met zwarte, of alleen in grote letters.

| Tekst op achtergrond | Verhouding | Gebruik voor |
| --- | --- | --- |
| Inkt op papier | 16,4:1 | Alle tekst |
| Papier op geroosterd oranje | 4,9:1 | Lopende en grote tekst |
| Inkt op geroosterd oranje | 3,4:1 | Alleen grote tekst |
| Diep petrol op papier | 5,1:1 | Links en lopende tekst |
| Inkt op haver | 12,9:1 | Alle tekst |

Contrastverhoudingen voor het voorbeeldpalet, berekend met de WCAG-formule.

[Kleurcontrast](https://gradiently.design/nl/guide/color-contrast-accessibility) legt de verhoudingen uit en hoe je ze meet. Faalt je hoofdkleur met zowel lichte als donkere tekst, maak hem dan iets donkerder in plaats van hem op te geven; een paar procent lichtheid valt zelden op.

## Stap 8: test in context en leg het vast

Stalen liegen. Een kleur die als klein vierkantje verfijnd oogt, kan over een hele story overweldigend zijn, en een subtiele neutrale tint kan verdwijnen op een telefoon in de zon. Zet het palet op de formaten die je echt gaat gebruiken.

- Instagram-post: 1080 × 1350
- Story: 1080 × 1920
- Websiteheader: 1920 × 1080
- Visitekaartje: 1050 × 600

Vier formaten om een nieuw palet op te testen, van hoog tot klein.

- **Klein formaat:** leest de hoofdkleur nog als hoofdkleur in een favicon of profielfoto?
- **Druk:** komt de hoofdkleur goed uit in inkt? Heel felle schermkleuren worden in druk vaak doffer. Zie [kleurverlopen drukken](https://gradiently.design/nl/guide/print-gradients).
- **Dark mode:** draaien de neutrale tinten netjes om?
- **Naast concurrenten:** zet je post naast die van hen. Zie je in één oogopslag welke van jou is?

Leg het ten slotte vast: de naam, HEX en RGB van elke kleur, CMYK- of steunkleurequivalenten als je drukt, de rol van elke kleur en de goedgekeurde tekstcombinaties. Zet het in je [huisstijlgids](https://gradiently.design/nl/guide/brand-style-guide) en je merkkit, zodat het overal op dezelfde manier wordt gebruikt.

> **Verder dan effen kleur** Een hoofdkleur kan uitgroeien tot een kleurverloop of materiaal als handtekening, en dat is voor anderen veel moeilijker te lenen. [Branding met kleurverlopen](https://gradiently.design/nl/guide/gradient-branding) legt uit hoe je er een maakt die van jou is.

## FAQ

### Hoeveel merkkleuren heb ik nodig?

Meestal één hoofdkleur, twee neutrale tinten, één ondersteunende kleur en één accent. Meer dan dat is lastig consequent te gebruiken.

### Hoe kies ik een merkkleur die opvalt?

Breng de hoofdkleuren van je concurrenten in kaart, zoek een kleur die in je branche niet druk bezet is en controleer of hij nog bij het karakter van je merk past.

### Moeten merkkleuren gebaseerd zijn op kleurpsychologie?

Gebruik associaties als leidraad, niet als regel. De betekenis van kleur hangt sterk af van cultuur, branche en context, dus onderscheidend en consequent zijn telt meestal zwaarder.

### Welk contrast hebben merkkleuren nodig voor tekst?

WCAG raadt minstens 4,5:1 aan voor normale tekst en 3:1 voor grote tekst. Controleer elk paar van tekst en achtergrond dat je wilt gebruiken.

### Kan ik mijn merkkleuren later nog veranderen?

Ja, maar de herkenning die je met de oude kleuren hebt opgebouwd, gaat geleidelijk verloren. Kleine aanpassingen in lichtheid of verzadiging zijn makkelijker dan van tint wisselen.