De korte versie
- 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.
Op deze pagina
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.
#7c3aedNeigt naar
Voelt
#a21cafNeigt naar
Voelt
#ff00ffNeigt naar
Voelt
Hex
#e6007eNeigt naar
Voelt
#ff4fa3Neigt naar
Voelt
Als je eigenlijk iets zachters en warmers wilt, dichter bij kauwgom of roos dan bij neon, dan is de collectie roze verloop 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 het over.
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 gaat verder in die wereld.
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.
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 legt het verschil uit, en verlopen in drukwerk 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.
.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 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.
Vragen die mensen stellen
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.
Geschreven door Gradiently
Het team achter Gradiently, een ontwerptool rond Marks: levende kleurverlopen die alles wat je ontwerpt op jou laten lijken.
Bekijk ons profiel