# Magenta verloop: elektrische codes tussen roze en paars

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

Magenta is een van de luidste kleuren op een scherm en een van de moeilijkst te temmen. Deze codes laten zien waar het tussen roze en paars zit, waarmee je het mengt en wat er gebeurt als het naar de drukker gaat.

## The short version

- Magenta ligt op 300 graden op het HSL-kleurenwiel, precies tussen rood en blauw, en daarom leest het niet als roze en niet als paars.
- Op schermen is zuiver magenta `#ff00ff`, dezelfde waarde die CSS fuchsia noemt.
- Magenta mengt schoon met violet, blauw, oranje en cyaan, maar wordt grijs als je het rechtstreeks met groen mengt.
- Magenta in drukwerk is veel minder intens dan schermmagenta, dus felle magenta verlopen zien er op papier doffer uit.
- Witte letters op zuiver magenta halen maar ongeveer 3,1 op 1 contrast, genoeg voor grote koppen maar niet voor kleine tekst.

Een **magenta verloop** mengt de felle kleur tussen roze en paars met een buurkleur: violet voor iets elektrisch, oranje voor hitte, cyaan voor een cyberlook of bijna zwart voor diepte. Zuiver schermmagenta is `#ff00ff`, en het is zo intens dat het verloop meestal het best werkt als magenta het ene uiteinde van de overgang is en niet het geheel. De codes hieronder dekken elke richting, met opmerkingen over letters en over hoe magenta zich in drukwerk gedraagt.

## Magenta, roze en paars: waar de grens ligt

Op het HSL-kleurenwiel ligt magenta op 300 graden, precies tussen rood en blauw. Schuif richting rood en het wordt felroze; schuif richting blauw en het wordt paars en dan violet. Magenta staat er ook om bekend dat het niet in de regenboog voorkomt: er is geen enkele golflengte licht voor, en je oog neemt het waar als het rood en blauw licht tegelijk ontvangt. Dat is deels waarom het er zo kunstmatig en elektrisch uitziet.

| Kleur | Hex | Neigt naar | Voelt |
| --- | --- | --- | --- |
| Violet | `#7c3aed` | Blauw | Rustig, creatief |
| Paars | `#a21caf` | Een tikje blauw | Rijk, koninklijk |
| Magenta | `#ff00ff` | Geen van beide | Elektrisch, luid |
| Felmagenta | `#e6007e` | Een tikje rood | Gedurfd, modieus |
| Felroze | `#ff4fa3` | Rood | Speels, warm |

De buurt rond magenta. Een magenta verloop leent meestal een van deze als tweede stop.

- Schermmagenta: #ff00ff
- Elektrisch magenta: #e600e6
- Diep magenta: #a3006f
- Wijn: #5c0045
- Orchidee: #f3a6f0
- Ultraviolet: #6a00f4
- Mandarijn: #ff8a3d
- Cyaan: #00e5ff

Magenta en zijn beste partners. Ultraviolet, mandarijn en cyaan duwen het elk in een totaal andere richting.

Als je eigenlijk iets zachters en warmers wilt, dichter bij kauwgom of roos dan bij neon, dan is de collectie [roze verloop](https://gradiently.design/nl/guide/pink-gradient) een beter startpunt. Magenta verdient zijn plek als je een kleur wilt waar niemand voorbij kan scrollen.

## Codes voor een elektrisch magenta verloop

Magenta naar violet of blauw is de klassieke elektrische combinatie. Het beweegt langs het kleurenwiel zonder iets modderigs te kruisen, dus de overgang blijft de hele weg levendig. Deze passen bij muziek, uitgaan, gaming en creatieve tools. Wil je deze richting met meer blauw dan magenta, dan nemen de codes voor [paars verloop](https://gradiently.design/nl/guide/purple-gradient) het over.

- Magenta naar ultraviolet: `linear-gradient(135deg, #ff00ff 0%, #b100e8 50%, #6a00f4 100%)`
- Magenta naar elektrisch blauw: `linear-gradient(135deg, #ff1fd1 0%, #a83cff 50%, #3a5bff 100%)`
- Magenta naar cyaan: `linear-gradient(135deg, #ff00ff 0%, #8f6bff 50%, #00e5ff 100%)`
- Orchideepastel: `linear-gradient(135deg, #ffd6fb 0%, #f3a6f0 50%, #d68cf5 100%)`

Koele magenta's. Magenta naar cyaan loopt in het midden door een zacht hyacintblauw, en daarom wordt het nooit grijs.

## Codes voor felmagenta en zonsondergang

Draai de andere kant op over het wiel en magenta wordt warmer: via felroze naar koraal en oranje. Dit is de look van grafisch werk uit de late jaren tachtig, synthwave en vaporwave, en van veel posters van zomerfestivals. Een donkere bovenste stop maakt er een schemering van. [Vaporwave-kleuren](https://gradiently.design/nl/guide/vaporwave-colors) gaat verder in die wereld.

- Magenta naar mandarijn: `linear-gradient(135deg, #e600e6 0%, #ff2e8a 45%, #ff8a3d 100%)`
- Magentaschemer: `linear-gradient(180deg, #2a0a4a 0%, #a3007d 45%, #ff3d8b 75%, #ffb36b 100%)`

Warme magenta's. Houd oranje als lichtere kant, zodat het helderste punt warm is en het diepste magenta.

## Diep magenta op donkere ondergronden

Magenta ziet er het duurst uit als het uit het donker gloeit in plaats van het beeld te vullen. Een wijn- of pruimenondergrond met één magenta licht leest als luxemode of een bar laat op de avond; verspreid over een hele poster leest hetzelfde magenta als een kortingsflyer. Donkere ondergronden geven witte letters bovendien een makkelijk thuis.

- Diep magenta: `linear-gradient(160deg, #1a0012 0%, #5c0045 50%, #a3006f 100%)`
- Magentagloed op zwart: `radial-gradient(circle at 70% 30%, #ff3df5 0%, #a1009b 35%, #3d0040 70%, #12000f 100%)`

Donkere magenta's. De gloedversie pak je als magenta premium moet voelen in plaats van luid.

> **Vermijd magenta naar groen** Groen ligt recht tegenover magenta, en een rechte overgang ertussen loopt in het midden door grijs. Wil je beide, laat ze dan met een harde rand ontmoeten of houd groen als klein accent. [Modderige verlopen](https://gradiently.design/nl/guide/muddy-gradients) laat zien waarom.

## Magenta op een scherm versus in drukwerk

Schermmagenta is gemaakt van licht, terwijl magenta in drukwerk inkt is, een van de vier proceskleuren in CMYK. Magenta in procesdruk is veel minder intens en wordt op een scherm meestal weergegeven als ongeveer `#ec008c`. Een magenta verloop dat op je monitor gloeit, kan op een flyer dus vlak en roze ogen. [RGB of CMYK](https://gradiently.design/nl/guide/rgb-vs-cmyk) legt het verschil uit, en [verlopen in drukwerk](https://gradiently.design/nl/guide/print-gradients) behandelt het proefdrukken.

### Schermmagenta

- Gemaakt van rood en blauw licht
- Zuivere waarde `#ff00ff`, extreem levendig
- Gloeit op donkere achtergronden
- Werkt voor neon- en elektrische looks

### Magenta in drukwerk

- Gemaakt van inkt op papier
- Dichter bij `#ec008c`, merkbaar doffer
- Donkere ondergronden kunnen modderig drukken
- Voor echt neon bieden drukkers fluorescerende steunkleuren

## Letters op een magenta verloop

Magenta is helderder dan het lijkt. Witte letters op zuiver `#ff00ff` halen maar ongeveer 3,1 op 1 contrast, wat voldoende is voor grote koppen maar niet voor kleine tekst. Zwart op hetzelfde magenta haalt ongeveer 6,7 op 1, maar voelt zwaar. In de praktijk zet je witte letters op het diepere uiteinde van het verloop, of maak je het magenta achter kleine woorden donkerder tot zoiets als `#a3006f`.

Op websites levert magenta ook een opvallende verloopkop op. Houd het bij grote weergaveformaten, waar het contrast standhoudt, zoals beschreven in [CSS-verlooptekst](https://gradiently.design/nl/guide/css-gradient-text).

```css
.headline {
  font-size: clamp(2.5rem, 6vw, 5rem);
  background: linear-gradient(90deg, #ff00ff 0%, #6a00f4 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}
```

Een kop van magenta naar ultraviolet. Gebruik hem op een witte of heel lichte pagina: magenta haalt daar ongeveer 3,1 op 1 en ultraviolet ongeveer 7 op 1, terwijl het violette uiteinde op zwart bijna verdwijnt.

Een staande story met een levendige magenta en violette achtergrond en de woorden Deuren open om tien uur in wit

Een story voor een clubnacht in een magenta Mark. De woorden staan op het donkerdere vlak, waar witte letters zich prettig voelen.

Luide kleuren zijn precies waar een achtergrond die op je woorden reageert het meest helpt. In Gradiently maakt een magenta Mark de kleur bij de letters dieper en houdt hij zijn rustigste deel achter de kop, zodat de gloed blijft en de woorden toch leesbaar zijn. Voor de koelere tegenhanger van magenta, zie de codes voor [cyaan verloop](https://gradiently.design/nl/guide/cyan-gradient).

## FAQ

### Wat is de hexcode voor magenta?

Op schermen is zuiver magenta #ff00ff, wat CSS ook fuchsia noemt. Magenta in drukwerk is doffer en wordt op een scherm meestal weergegeven als ongeveer #ec008c.

### Is magenta roze of paars?

Geen van beide. Het ligt op het kleurenwiel precies tussen rood en blauw; felroze neigt naar rood en paars naar blauw.

### Welke kleuren passen bij een magenta verloop?

Violet, elektrisch blauw, cyaan, oranje en bijna zwart mengen allemaal schoon met magenta. Vermijd het rechtstreeks in groen te laten overlopen, want dat wordt grijs.

### Kan ik witte tekst op magenta gebruiken?

Op zuiver #ff00ff haalt wit ongeveer 3,1 op 1 contrast, dus houd het bij grote koppen. Gebruik een dieper magenta achter kleinere witte tekst.

### Waarom ziet mijn magenta er dof uit als het gedrukt is?

Drukinkten kunnen de intensiteit van schermmagenta niet reproduceren. Verwacht een zachtere kleur, bestel een proefdruk of vraag je drukker naar fluorescerende roze inkt.