# Roze-paarse kleurverloopcodes, van snoep tot schemering

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

Roze en paars kunnen suikerzoet, glamoureus of stilletjes somber zijn, afhankelijk van hoe licht en verzadigd je gaat. Hier staan de codes voor elke stap van dat bereik en hoe je kiest.

## The short version

- Een roze-paars kleurverloop mengt naburige tinten zoals roze #ec4899, magenta #c026d3 en violet #9333ea, dus de overgang blijft helder zonder brugkleur.
- Hetzelfde paar leest als snoep als het bleek is, als glamour als het verzadigd is en als schemering als het donker is.
- Witte tekst faalt op helder roze en bleek lila, dus gebruik daar een diepe pruimeninkt en bewaar wit voor magenta, violet en donkere ondergronden.
- Een beetje oranje, blauw of goud toevoegen aan een roze-paars kleurverloop maakt het veel minder voorspelbaar dan de standaardovergang van twee kleuren.
- Roze en paars passen bij beauty, uitgaan, muziek, feesten en creatormerken, en een donkere ondergrond voorkomt dat ze kinderlijk voelen.

Een **roze-paars kleurverloop** mengt twee buren op het kleurenwiel, een roze zoals `#ec4899` en een violet zoals `#9333ea`, met magenta en orchidee ertussen. Omdat de tinten aan elkaar grenzen, blijft de overgang over de hele breedte levendig. Wat alles verandert is helderheid: houd het bleek en je krijgt suikerspin, verhoog de verzadiging en je krijgt glamour, maak het donker en je krijgt schemering. De codes hieronder lopen van licht naar donker, zodat je eerst de stemming kiest en daarna de hexwaarden.

## Roze-paarse verloopstemmingen in één oogopslag

| Stemming | Typische stops | Voelt | Werkt voor |
| --- | --- | --- | --- |
| Snoep | `#fbcfe8` naar `#e9d5ff` | Zoet, zacht, jong | Bakkerijen, babyshowers, briefpapier |
| Orchidee | `#f0abfc` naar `#c084fc` | Dromerig, romantisch | Beauty, bruiloften, wellness |
| Magenta | `#ec4899` naar `#9333ea` | Gedurfd, glamoureus | Uitgaan, muziek, creators |
| Schemering | `#2e0a2f` naar `#9d174d` | Somber, volwassen | Parfum, cocktails, late evenementen |

Vier stemmingen uit één paar. Elke stap omlaag in de tabel is donkerder of verzadigder dan de vorige.

- Snoeproze: #fbcfe8
- Kauwgom: #f9a8d4
- Felroze: #ec4899
- Magenta: #c026d3
- Orchideeënviolet: #a855f7
- Violet: #9333ea
- Lila: #e9d5ff
- Pruimeninkt: #2e0a2f

Een werkpalet voor het paar, met de lichte en donkere uiteinden die je voor tekst nodig hebt.

## Roze-paarse snoepverlopen

Bleke rozen en lila’s samen zijn zo zacht als kleur wordt. Ze passen bij alles wat zoet of vriendelijk is, maar kunnen snel kinderlijk worden. De oplossing is een licht warme ondergrond, een perzik of crème aan één kant, en heel zelfverzekerde donkere letters.

- Suikerspin: `linear-gradient(135deg, #fce7f3 0%, #fbcfe8 45%, #e9d5ff 100%)`
- Aardbeienmelk: `linear-gradient(180deg, #fff1f2 0%, #f5d0fe 100%)`
- Perzik, roze, lila: `radial-gradient(circle at 25% 25%, #ffedd5 0%, #fbcfe8 45%, #ddd6fe 100%)`

Snoepovergangen, allemaal gezet in diepe pruimeninkt. De perzik in de derde houdt het van suikerzoet af.

Voor meer van deze zachtheid behandelt [pastelverlopen](https://gradiently.design/nl/guide/pastel-gradients) de hele familie, en [lavendelverlopen](https://gradiently.design/nl/guide/lavender-gradient) leunt verder naar paars.

## Orchidee- en magentaverlopen

Draai de verzadiging omhoog en het paar wordt glamoureus. Dit is het terrein van nagellak, festivalbandjes en albumhoezen. Gebruik een lichte hoek of een radiale gloed in plaats van een vlakke diagonaal en laat een rustiger gebied vrij voor woorden.

- Felroze naar violet: `linear-gradient(135deg, #ec4899 0%, #c026d3 50%, #9333ea 100%)`
- Orchideebloei: `radial-gradient(circle at 70% 30%, #f0abfc 0%, #c026d3 45%, #6b21a8 100%)`
- Bessenglamour: `linear-gradient(160deg, #db2777 0%, #a21caf 60%, #581c87 100%)`
- Iriserende kolk: `conic-gradient(from 90deg at 40% 60%, #f472b6, #a855f7, #e879f9, #f472b6)`

Verzadigde roze-paarse verlopen. Het conische leest als een glinstering, dicht bij [holografische verlopen](https://gradiently.design/nl/guide/holographic-gradients).

## Schemering: donkere roze-paarse verlopen

Maak het paar donker en het wordt meteen volwassen. Een pruimzwarte ondergrond met framboos- en violet licht leest als de hemel twintig minuten na zonsondergang, of een cocktailbar met gedempt licht. Dit zijn de meest veelzijdige van de set en ze dragen witte of bleekroze tekst makkelijk.

- Twintig over zonsondergang: `linear-gradient(180deg, #1e0b2e 0%, #581c87 50%, #be185d 100%)`
- Frambozengloed: `radial-gradient(circle at 80% 85%, #db2777 0%, #4a044e 40%, #12041a 80%)`
- Pruim naar roos: `linear-gradient(135deg, #2e0a2f 0%, #6b21a8 55%, #f472b6 100%)`
- Violet podiumlicht: `radial-gradient(ellipse at 50% 0%, #a855f7 0%, #3b0764 45%, #0c0414 85%)`

Donkere roze-paarse verlopen. Voeg een fijne korrel toe, want donkere overgangen krijgen als eerste banding.

Deze liggen dicht bij [zonsondergangverlopen](https://gradiently.design/nl/guide/sunset-gradient) en [sterrenstelselverlopen](https://gradiently.design/nl/guide/galaxy-gradient), en je mag vrij uit beide lenen.

## Een derde kleur toevoegen zonder te vertroebelen

De standaarddiagonaal van felroze naar violet is overal, dus één extra kleur is de snelste manier om hem de jouwe te maken. Kies een kleur die grenst aan roze of paars: oranje en koraal liggen naast roze, blauw en indigo naast paars. Groen ligt tegenover magenta, waardoor roze naar groen in het midden grijs wordt.

- Violet, roze, mandarijn: `linear-gradient(120deg, #7c3aed 0%, #ec4899 55%, #fb923c 100%)`
- Blauwe uur: `linear-gradient(160deg, #1e3a8a 0%, #7e22ce 50%, #f472b6 100%)`
- Magenta met goud: `radial-gradient(circle at 85% 15%, #fcd34d 0%, #a21caf 35%, #2e0a2f 80%)`

Drie roze-paarse verlopen met een naburige derde kleur. Elke stap blijft verzadigd.

## Zo kies je een roze-paars kleurverloop voor je merk

1. **Beslis eerst licht of donker** Het grootste deel van de stemming komt van helderheid. Een bleke overgang zegt zacht; een pruimenondergrond zegt avond. Kies er een en houd die voor elke post.
2. **Kies welke kleur leidt** Roze aan de leiding voelt warmer en speelser. Paars aan de leiding voelt koeler en mysterieuzer. Geef de leider ruwweg twee derde van het vlak.
3. **Plan waar de woorden staan** Zet de kop over het donkerdere, rustigere uiteinde en het helderste roze in een hoek, zodat je nooit met de achtergrond om aandacht vecht.
4. **Test op elk formaat** Een overgang die op een vierkante post werkt, kan zijn helderste gebied in een story achter de tekst laten vallen. Controleer post, story en banner voordat je kiest.

Post je vaak, schrijf het resultaat dan op als kort recept: ondergrond, leidende kleur, accent, waar het licht zit. Die ene regel houdt een hele feed consistent, wat meer telt dan één mooi verloop. [Merkconsistentie](https://gradiently.design/nl/guide/brand-consistency) gaat verder.

## Tekstkleuren op roze en paars

Helder roze is lichter dan het lijkt, dus witte koppen op felroze zijn zwakker dan mensen verwachten. Violet en magenta dragen wit goed. Aan de bleke kant is diep pruim de inkt die het ontwerp in één familie houdt. De verhoudingen zijn WCAG-contrast; mik op 4,5:1 voor kleine tekst en minimaal 3:1 voor grote koppen. [Kleurcontrast en toegankelijkheid](https://gradiently.design/nl/guide/color-contrast-accessibility) legt de drempels uit.

| Achtergrond | Tekst | Contrast | Oordeel |
| --- | --- | --- | --- |
| Felroze `#ec4899` | Wit | 3,5:1 | Alleen grote koppen |
| Dieproze `#db2777` | Wit | 4,6:1 | Goed |
| Magenta `#c026d3` | Wit | 4,7:1 | Goed |
| Violet `#9333ea` | Wit | 5,4:1 | Goed |
| Kauwgom `#f9a8d4` | Pruimeninkt `#3b0a3f` | 8,9:1 | Uitstekend |
| Pruimeninkt `#2e0a2f` | Kauwgom `#f9a8d4` | 9,6:1 | Uitstekend, roze als inkt |

Meet achter elke regel tekst, op het lichtste punt van het verloop.

Een staande post van een nagelsalon met witte letters op een verzadigd roze en violet verloop

Een post van een nagelsalon op verzadigd orchidee, witte letters aan de violette kant.

Een verticale clubavondstory met bleekroze letters op een donker pruimenverloop, onderaan verlicht met framboos

Een clubavondstory op schemerpruim met frambozenlicht laag in het beeld.

## Roze-paars kleurverloop in CSS

```css
.dusk {
  background-color: #1e0b2e;
  background-image:
    radial-gradient(circle at 80% 85%, #db2777 0%, transparent 45%),
    linear-gradient(180deg in oklch, #1e0b2e 0%, #581c87 100%);
  color: #fce7f3;
}

.headline-gradient {
  background: linear-gradient(90deg, #ec4899, #9333ea);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}
```

Een schemeringssectie met een frambozengloed, en een kop van roze naar violet met bijgesneden achtergrondtekst.

Verlooptekst valt op, maar gebruik hem alleen voor korte displaywoorden, nooit voor lopende tekst. [CSS-verlooptekst](https://gradiently.design/nl/guide/css-gradient-text) behandelt de terugvalopties. Wil je een roze-paarse look die niemand anders kan publiceren, dan laat de Markt van Gradiently je Marks zoeken op kleurwoorden zoals “orchidee”. Elke Mark is uniek, en zodra je hem claimt kan alleen jij ermee exporteren; hij houdt de tekst bovendien zelf leesbaar aan beide uiteinden van de overgang.

## FAQ

### Wat is een goede code voor een roze-paars kleurverloop?

Een klassieker is `linear-gradient(135deg, #ec4899 0%, #c026d3 50%, #9333ea 100%)`. Probeer voor iets somberders `linear-gradient(180deg, #1e0b2e 0%, #581c87 50%, #be185d 100%)`.

### Passen roze en paars bij elkaar?

Ja. Het zijn buren op het kleurenwiel, met magenta ertussen, dus ze lopen zuiver in elkaar over op elke helderheid.

### Welke tekstkleur past op een roze-paars kleurverloop?

Wit leest goed op magenta, violet en donker pruim. Gebruik op felroze wit alleen voor grote koppen, en gebruik op bleekroze of lila een diep pruim zoals `#3b0a3f`.

### Hoe laat ik een roze-paars kleurverloop minder kinderlijk ogen?

Ga donkerder of verzadigder, gebruik een pruimenondergrond en voeg in een klein gebied een volwassen derde kleur toe, zoals goud of diepblauw.

### Welke kleur ligt tussen roze en paars?

Magenta, rond `#c026d3`, met orchidee als lichtere versie.