# Kleurverloop of effen kleur? Wanneer welke wint

[Canonical HTML page](https://gradiently.design/nl/guide/gradient-vs-flat-color)

Effen kleur is helder, goedkoop en exact. Kleurverlopen zijn levend, eigen en moeilijker te beheersen. De meeste goede merken gebruiken beide. Zo beslis je wat elk oppervlak nodig heeft.

## The short version

- Effen kleur wint waar helderheid, exacte weergave en kleine formaten tellen, zoals bij iconen, bedieningselementen, achtergronden van lopende tekst en drukwerk in één kleur.
- Kleurverlopen winnen waar een oppervlak stemming, diepte of eigenheid nodig heeft, zoals bij achtergronden, covers, hero’s, social posts en merkvlakken.
- Het contrast van een kleurverloop verandert over het oppervlak, dus tekst erop controleer je op het slechtste punt, niet op het gemiddelde.
- De meeste sterke visuele identiteiten gebruiken een kleurverloop als signatuur en een effen kleur eruit als reserve voor elke dag.
- Schermen zwaaiden begin jaren 2010 van glanzende stijlen met textuur naar flat design en later terug naar zachtere kleurverlopen, dus geen van beide is simpelweg modern of gedateerd.

Bij de vraag **kleurverloop of effen kleur** wint geen van beide overal. Effen kleur is helderder, wordt exact weergegeven en overleeft piepkleine formaten en drukwerk in één kleur. Kleurverlopen dragen stemming, suggereren licht en diepte en geven een merk veel meer ruimte om eigen te zijn. Het praktische antwoord voor de meeste merken is beide: een kleurverloop waar het oppervlak groot en expressief is, en een effen kleur, genomen uit het kleurverloop, waar de taak klein of functioneel is of in één inkt wordt gedrukt.

- Effen violet: `linear-gradient(135deg, #6d28d9 0%, #6d28d9 100%)`
- Violet kleurverloop: `linear-gradient(135deg, #2e1065 0%, #6d28d9 55%, #c084fc 100%)`

Hetzelfde violet als effen vulling en als kleurverloop dat eromheen is gebouwd. Het ene is een kleur, het andere een oppervlak met licht erop.

## Waar effen kleur wint

- **Kleine formaten:** favicons, app-badges en iconen verliezen het detail van een kleurverloop, terwijl een effen kleur scherp blijft
- **Bedieningselementen:** knoppen, schakelaars en statussen lezen helderder als elke status één kleur is
- **Achter lange tekst:** constant contrast betekent dat elke regel even leesbaar is
- **Drukwerk in één kleur:** borduurwerk, zeefdruk, gravure, stempels en werk met één inkt kunnen geen verloop weergeven
- **Exact matchen:** één steunkleur is veel betrouwbaarder te matchen op verschillende materialen dan een verloop
- **Grafieken en data:** effen kleuren houden categorieën onderscheidbaar en vergelijkbaar

## Waar kleurverlopen winnen

- **Grote oppervlakken:** achtergronden, covers, hero’s en posters waar effen kleur leeg aanvoelt
- **Stemming en licht:** een verloop suggereert een moment van de dag, een materiaal of een gloed, wat één kleur niet kan
- **Eigenheid:** er zijn maar zoveel te onderscheiden losse tinten, en in elke categorie zijn de meeste al bezet
- **Social feeds:** een goed gebouwd veld met een kleurverloop valt op tussen foto’s en effen sjablonen
- **Diepte in interfaces:** een subtiel kleurverloop op een hero of een hoofdkaart scheidt lagen zonder schaduwen
- **Beweging:** kleurverlopen kunnen drijven en ademen, zie [geanimeerde achtergronden met kleurverloop](https://gradiently.design/nl/guide/animated-gradient-background)

## Kleurverloop of effen kleur, factor voor factor

| Factor | Effen kleur | Kleurverloop |
| --- | --- | --- |
| Leesbaarheid | Overal constant contrast | Contrast wisselt, controleer het slechtste punt |
| Herkenning | Sterk als je een zeldzame tint bezit | Sterk als het recept consistent blijft |
| Eigenheid | Beperkt door het aantal tinten | Enorme ruimte aan combinaties |
| Kleine formaten | Uitstekend | Vaak modderig of verloren |
| Drukwerk | Exact, zelfs in één inkt | Vraagt full colour, kan banden geven of verschuiven |
| Statussen in interfaces | Helder en voorspelbaar | Het best beperkt tot een of twee accentvlakken |
| Stemming en diepte | Beperkt | Uitstekend |
| Bestandsgrootte en moeite | Verwaarloosbaar | Klein in CSS, groter als afbeelding en video |

Effen kleur is de veiligere standaard voor functie. Kleurverlopen zijn de sterkere keuze voor expressie.

## De vraag van de leesbaarheid

Op een effen achtergrond geldt: haalt één woord het contrast, dan halen alle woorden het. Op een kleurverloop verandert het contrast met de kleur mee, dus een kop kan aan het ene uiteinde perfect lezen en aan het andere verdwijnen. Meet het contrast altijd op het lichtste punt achter lichte tekst, of op het donkerste punt achter donkere tekst. De volledige methode staat in [tekst op een kleurverloop](https://gradiently.design/nl/guide/text-on-gradient) en [kleurcontrast en toegankelijkheid](https://gradiently.design/nl/guide/color-contrast-accessibility).

Een staande post waarbij een kop zowel het lichte als het donkere deel van een kleurverloop kruist

Een kleurverloop dat dwars door de woorden loopt: het contrast verandert letter voor letter.

Dezelfde post met een rustiger, gelijkmatiger deel van het kleurverloop achter de kop

Hetzelfde kleurverloop dat ruimte maakt voor de woorden: de expressie blijft, de leesbaarheid komt terug.

## Een korte geschiedenis: eerst flat, toen weer kleurverlopen

In de jaren 2000 waren schermen glanzend: knoppen met schuine randen, glazige hooglichten en texturen die leer en papier nabootsten. Begin jaren 2010 stapten grote besturingssystemen over op flat design, met effen kleuren, eenvoudige iconen en geen nagemaakte diepte, en een groot deel van het web volgde. Vanaf het midden van de jaren 2010 keerden zachtere kleurverlopen terug, nu als gladde verlopen van twee of drie kleuren in plaats van glimmende effecten, en enkele zeer zichtbare merkiconen stapten over op kleurverlopen. Meer in [de geschiedenis van kleurverlopen](https://gradiently.design/nl/guide/history-of-gradients).

De les is dat geen van beide stijlen blijvend modern is. Wat een ontwerp dateert, is de specifieke behandeling: zware glans dateert een kleurverloop, en een standaardpalet dateert effen kleur.

## Zo beslis je per oppervlak

1. **Vraag waar het oppervlak voor dient** Helpt het mensen iets te doen, te lezen of te vergelijken, neig dan naar effen. Zet het een stemming of introduceert het het merk, neig dan naar een kleurverloop.
2. **Controleer het formaat** Onder ongeveer icoonformaat gebruik je effen. Kleurverlopen hebben ruimte nodig om hun verloop te tonen.
3. **Controleer hoe het wordt weergegeven** Eén inkt, garen of gravure betekent effen. Schermen en drukwerk in full colour kunnen een kleurverloop dragen.
4. **Controleer de woorden** Lange tekst wil een effen of heel rustige ondergrond. Een kop kan op een kleurverloop staan als het contrast op het slechtste punt standhoudt.
5. **Houd ze verwant** Haal je effen kleuren uit je kleurverloop, zodat de twee er altijd als één merk uitzien.

### Kies effen voor

- Favicons, app-badges en kleine iconen
- Knoppen, schakelaars, tabbladen en formulierstatussen
- Pagina’s met lopende tekst en datatabellen
- Borduurwerk, stempels en drukwerk in één inkt

### Kies een kleurverloop voor

- Covers, posters en social posts
- Hero’s op websites en lanceringspagina’s
- Merkvlakken achter logo’s en koppen
- Loops, wallpapers en openingsslides

## Gebruik beide: een kleurverloop met een effen reserve

De sterkste systemen zien het kleurverloop als signatuur en kiezen er een of twee effen kleuren uit voor de taken van elke dag. De diepste toon wordt de kleur van tekst of iconen, een middentoon wordt de knopkleur, en het kleurverloop zelf verschijnt op covers, hero’s en posts. Zo krijg je expressie en functie zonder twee paletten die niets met elkaar te maken hebben. [Branding met kleurverlopen](https://gradiently.design/nl/guide/gradient-branding) loopt het door.

- Diep: tekst en iconen: #2e1065
- Hoofd: knoppen, reserve: #6d28d9
- Licht: hooglichten: #c084fc
- Tint: stille vlakken: #f5f3ff

Effen kleuren uit het violette kleurverloop hierboven. Elke kleur heeft een taak, en samen passen ze altijd bij het kleurverloop.

Elke Mark in Gradiently is een kleurverloop met een eigen ingebouwd palet, dus de effen kleuren voor tekst, knoppen en kleine formaten komen uit hetzelfde recept als de achtergrond.

## FAQ

### Is flat design beter dan kleurverlopen?

Geen van beide is overal beter. Effen kleur is het best voor kleine formaten, interfaces en drukwerk in één kleur. Kleurverlopen zijn het best voor grote, expressieve oppervlakken en eigenheid.

### Zijn kleurverlopen ouderwets?

Nee. Zware glanzende kleurverlopen ogen gedateerd, maar zachte kleurverlopen van twee of drie kleuren worden veel gebruikt in huidige merkidentiteiten en interfaces.

### Moet mijn logo een kleurverloop of een effen kleur hebben?

Veel logo’s gebruiken een versie met kleurverloop voor groot gebruik op schermen en een effen versie voor kleine formaten en drukwerk in één kleur. De effen versie heb je hoe dan ook nodig.

### Is tekst moeilijker te lezen op een kleurverloop?

Dat kan, omdat het contrast over het kleurverloop verandert. Controleer het contrast op het slechtste punt achter de tekst, of houd een rustig vlak vrij voor woorden.

### Kan ik kleurverlopen en effen kleuren samen gebruiken?

Ja, en de meeste sterke merken doen dat. Haal de effen kleuren uit het kleurverloop, zodat alles bij elkaar past.