# Paarse kleurverlopen: paletten, codes en hoe je ze gebruikt

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

Paars is een van de meest gebruikte kleuren voor kleurverlopen op het web, en dat maakt het een veilige keuze waarin je ook makkelijk verdwijnt. Hier zijn paletten die doordacht aanvoelen, met de codes erbij.

## The short version

- Een paars kleurverloop mengt tinten violet, paars, pruim of lavendel, vaak met een naburig blauw of roze.
- Paars wordt vaak verbonden met creativiteit, luxe en verbeelding, en is een heel gangbare kleur geworden in de branding van technologie.
- Diepe paarstinten zoals #4c1d95 dragen witte tekst met gemak, terwijl lichte lavendeltinten donkere tekst nodig hebben.
- Middenpaars zoals #a78bfa is het lastigst voor tekst, omdat het te licht is voor witte letters en te verzadigd om onder zwart rustig te ogen.
- Warmte, diepte of korrel toevoegen is de snelste manier om te voorkomen dat een paars kleurverloop op een standaardpreset lijkt.

Een **paars kleurverloop** mengt tinten violet, paars, pruim of lavendel, vaak met een naburig blauw of roze. Het is een van de populairste kleuren voor kleurverlopen op websites, in apps en in posts op social, omdat paars fantasierijk en een beetje luxe aanvoelt en prachtig gloeit op een donker scherm. Hieronder staan paletten voor paarse kleurverlopen, gegroepeerd op sfeer, elk met kopieerbare CSS, gevolgd door hoe je er tekst op zet en hoe je voorkomt dat ze op die van iedereen lijken.

## De paarse familie: violet, paars, pruim en lavendel

‘Paars’ dekt een breed bereik. Violet neigt naar blauw en voelt koel en elektrisch. Magenta neigt naar roze en voelt warm en luid. Pruim is een diep, roodachtig paars dat rijk aanvoelt; lavendel is een bleek, grijzig paars dat zacht aanvoelt. Als je weet welke je wilt, wordt elke andere keuze makkelijker.

- Diep violet: #2e1065
- Amethist: #4c1d95
- Violet: #7c3aed
- Magentapaars: #a21caf
- Pruim: #5b2149
- Zacht violet: #a78bfa
- Lavendel: #c4b5fd
- Lilanevel: #ede9fe

Acht paarstinten, van de diepste tot de bleekste. Links naar blauw neigend, in het midden naar rood, rechts zacht.

## Wat een paars kleurverloop uitstraalt

In een groot deel van Europa en Amerika wordt paars verbonden met creativiteit, verbeelding en luxe. De band met luxe is historisch: eeuwenlang was paarse kleurstof zeldzaam en duur, dus werd ze door de machtigen gedragen. De laatste jaren is het ook een van de meest gangbare kleuren geworden in de branding van software en technologie, waar het iets vindingrijks suggereert zonder de ernst van blauw. Elders verschillen de associaties; [kleurbetekenissen over de hele wereld](https://gradiently.design/nl/guide/color-meanings-around-the-world) heeft de details.

- **Creatieve tools en studio’s:** violet en magenta voelen vindingrijk en een beetje speels.
- **Beauty en wellness:** lavendel en lila voelen zacht en herstellend.
- **Muziek, nachtleven en gaming:** diep paars met een felle gloed voelt als avond.
- **Premiumproducten:** pruim en bijna zwart amethist voelen rijk, vooral met een warm hooglicht.

De keerzijde is vertrouwdheid. Omdat zoveel techmerken een violet kleurverloop gebruiken, moet het jouwe zijn verschil verdienen met diepte, warmte, materiaal of de consistentie waarmee je het gebruikt.

## Donkerpaarse kleurverlopen

Donkerpaarse kleurverlopen voelen rijk en nachtelijk. Ze werken voor muziek, nachtleven, premiumproducten en alles wat als avond moet aanvoelen. Houd de donkerste stop dicht bij zwart en laat er één belichte kleur uit oprijzen.

- Amethistnacht: `linear-gradient(160deg, #0f0a1f 0%, #2e1065 55%, #6d28d9 100%)`
- Violette gloed: `radial-gradient(circle at 70% 20%, #7c3aed 0%, #2e1065 45%, #0b0617 100%)`
- Pruimfluweel: `linear-gradient(180deg, #120a1c 0%, #3b1236 60%, #7a2d5c 100%)`
- Indigo naar violet: `linear-gradient(135deg, #0b1026 0%, #312e81 50%, #6d28d9 100%)`

Vier donkerpaarse kleurverlopen. Elk rijst op uit bijna zwart, dus witte tekst staat op het grootste deel van het vlak comfortabel.

## Lichte en pastelpaarse kleurverlopen

Bleek paars voelt rustig, zacht en een beetje dromerig. Het past bij wellness, beauty, papierwaren en alles wat zacht moet aanvoelen. Het heeft donkere tekst nodig, en het oogt het best met een vleugje warmte of blauw, zodat het niet als vlak grijslila leest.

- Lilanevel: `linear-gradient(135deg, #f5f3ff 0%, #ddd6fe 55%, #c4b5fd 100%)`
- Lavendel naar blush: `linear-gradient(135deg, #ede9fe 0%, #fbcfe8 100%)`
- Maagdenpalm naar orchidee: `linear-gradient(160deg, #e0e7ff 0%, #ddd6fe 50%, #f5d0fe 100%)`
- Lavendel naar perzik: `linear-gradient(135deg, #f3e8ff 0%, #fde2c8 100%)`

Zachte paarse kleurverlopen. De warme uiteinden (blush, perzik) voorkomen dat ze koud ogen.

## Felpaarse kleurverlopen

Fel paars is het luidst en het meest gangbaar. Gebruik het voor lanceringen, gaming, evenementen en gedurfde merken, en houd het weg van lange leesteksten. Paars mengen richting roze of oranje houdt het midden helder; mengen richting groen wordt grijs.

- Violet naar roze: `linear-gradient(135deg, #6d28d9 0%, #db2777 100%)`
- Elektrisch violet: `linear-gradient(135deg, #4f46e5 0%, #9333ea 50%, #e879f9 100%)`
- Violet naar zonsondergang: `linear-gradient(135deg, #7c3aed 0%, #ec4899 50%, #fb923c 100%)`
- Diep magenta: `linear-gradient(135deg, #3b0764 0%, #a21caf 55%, #f472b6 100%)`

Verzadigde paarse kleurverlopen. Alle vier mengen richting warme buren, dus geen ervan wordt dof in het midden.

## Tekst op paarse kleurverlopen

Bij paars gaat tekst makkelijk mis, omdat middenpaars op een lastige plek zit: te licht voor witte letters, te donker en verzadigd om zwart rustig te laten ogen. Kies de inkt op basis van waar de tekst echt staat.

| Tekst op achtergrond | Contrast | Oordeel |
| --- | --- | --- |
| Wit op `#2e1065` | 15,2:1 | Uitstekend voor elke tekst |
| Wit op `#4c1d95` | 11,0:1 | Uitstekend |
| Wit op `#7c3aed` | 5,7:1 | Prima voor lopende en grote tekst |
| Wit op `#a78bfa` | 2,7:1 | Onvoldoende, zelfs voor grote tekst |
| `#1e1033` op `#a78bfa` | 6,6:1 | Donkere inkt werkt hier |
| `#1e1033` op `#ede9fe` | 15,0:1 | Uitstekend |

WCAG-contrastverhoudingen, berekend. Lopende tekst heeft 4,5:1 nodig, grote tekst 3:1.

Controleer op een kleurverloop het lichtste punt achter witte tekst en het donkerste punt achter donkere tekst. [Tekst op een kleurverloop](https://gradiently.design/nl/guide/text-on-gradient) behandelt de plaatsing, en [kleurcontrast](https://gradiently.design/nl/guide/color-contrast-accessibility) legt de verhoudingen uit.

Een vierkante podcastcover met de titel Nachtdienst op een diep kleurverloop

Donker en rijk: een cover die bij luisteren in de avond past.

Een staande tippost met donkere tekst op een zacht, bleek kleurverloop

Zacht en licht: een vriendelijke post met donkere inkt.

## Zo voorkom je dat een paars kleurverloop generiek oogt

Violet naar roze op 135 graden is een van de meest gebruikte kleurverlopen die er zijn. Het is aantrekkelijk, en het zegt niets meer over wie het gebruikt. Vier kleine veranderingen helpen.

- **Verdiep het.** Begin bij bijna zwart paars in plaats van een middenviolet. Diepte leest als premium.
- **Verwarm het.** Voeg aan één uiteinde een hooglicht in perzik, abrikoos of goud toe. Paars met warm licht voelt als schemering in plaats van software.
- **Verander de vorm.** Een lage radiale gloed of een verticale val voelt meer als licht dan een diagonale vulling. Zie [radiale kleurverlopen](https://gradiently.design/nl/guide/radial-gradient).
- **Voeg een materiaal toe.** Fijne korrel of een zachte glans maakt van een vlak verloop een oppervlak. Zie [korrelige kleurverlopen](https://gradiently.design/nl/guide/grainy-gradients).

```css
.hero {
  background-color: #1a0b2e;
  background-image:
    radial-gradient(circle at 75% 110%, #fdba74 0%, transparent 35%),
    linear-gradient(in oklch 170deg, #0f0a1f 0%, #3b1a6e 55%, #7c3aed 100%);
}
```

Een diep violet vlak met een warme gloed die van onderaf oprijst. De effen kleur is een terugvaloptie voor oudere browsers.

Is paars je merkkleur, dan telt consistentie zwaarder dan het exacte verloop. [Branding met kleurverlopen](https://gradiently.design/nl/guide/gradient-branding) behandelt hoe je één paars het jouwe maakt. Je kunt in de Markt van Gradiently ook zoeken op ‘diep violet’ of ‘lavendel’ om levende paarse Marks te zien.

## FAQ

### Welke kleuren passen goed bij paars in een kleurverloop?

Blauw, roze, magenta en warme hooglichten zoals perzik of goud mengen schoon met paars. Groen en geel liggen ertegenover en worden in het midden van een kleurverloop snel grijs.

### Wat is de CSS-code voor een paars kleurverloop?

Bijvoorbeeld linear-gradient(160deg, #0f0a1f 0%, #2e1065 55%, #6d28d9 100%) geeft een diep amethist kleurverloop. Elk voorbeeld op deze pagina kun je direct kopiëren.

### Welke tekstkleur werkt op een paars kleurverloop?

Wit werkt op diep en middendonker paars, en een bijna zwarte paarse inkt werkt op licht en middenpaars. Controleer het contrast waar het kleurverloop achter witte tekst het lichtst is.

### Wat straalt een paars kleurverloop uit?

Paars wordt vaak verbonden met creativiteit, verbeelding en luxe. Het is ook heel gangbaar in de branding van technologie, en dat maakt het vertrouwd, maar lastiger om mee op te vallen.