# Magenta gradient: elektriske koder mellom rosa og lilla

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

Magenta er en av de mest høylytte fargene på en skjerm og en av de vanskeligste å temme. Disse kodene viser hvor den ligger mellom rosa og lilla, hva du kan blande den med, og hva som skjer når den skal på trykk.

## The short version

- Magenta ligger på 300 grader på HSL-fargesirkelen, midt mellom rødt og blått, og derfor leses den verken som rosa eller lilla.
- På skjerm er ren magenta `#ff00ff`, den samme verdien som CSS kaller fuchsia.
- Magenta blander seg rent med fiolett, blått, oransje og cyan, men blir grå når den blandes rett med grønt.
- Magenta på trykk er langt mindre intens enn magenta på skjerm, så sterke magenta gradienter ser mattere ut på papir.
- Hvit tekst på ren magenta når bare omtrent 3,1 til 1 i kontrast, nok til store overskrifter, men ikke til liten tekst.

En **magenta gradient** blander den sterke fargen mellom rosa og lilla med en nabo: fiolett for noe elektrisk, oransje for varme, cyan for et kyberuttrykk, eller nesten svart for dybde. Ren skjermmagenta er `#ff00ff`, og den er så intens at gradienten som regel fungerer best når magenta er den ene enden av blandingen og ikke hele den. Kodene nedenfor dekker hver retning, med notater om tekst og om hvordan magenta oppfører seg på trykk.

## Magenta, rosa og lilla: hvor grensen går

På HSL-fargesirkelen ligger magenta på 300 grader, nøyaktig mellom rødt og blått. Skyv mot rødt, og den blir knallrosa; skyv mot blått, og den blir lilla og deretter fiolett. Magenta er også kjent for ikke å finnes i regnbuen: det fins ingen enkelt bølgelengde av lys for den, og øyet ditt oppfatter den når det mottar rødt og blått lys samtidig. Det er en del av grunnen til at den ser så kunstig og elektrisk ut.

| Farge | Hex | Heller mot | Føles |
| --- | --- | --- | --- |
| Fiolett | `#7c3aed` | Blått | Rolig, kreativ |
| Lilla | `#a21caf` | Litt blått | Rik, kongelig |
| Magenta | `#ff00ff` | Ingen av dem | Elektrisk, høylytt |
| Sterk magenta | `#e6007e` | Litt rødt | Modig, moteriktig |
| Knallrosa | `#ff4fa3` | Rødt | Leken, varm |

Nabolaget rundt magenta. En magenta gradient låner som regel én av disse som sitt andre stopp.

- Skjermmagenta: #ff00ff
- Elektrisk magenta: #e600e6
- Dyp magenta: #a3006f
- Vin: #5c0045
- Orkidé: #f3a6f0
- Ultrafiolett: #6a00f4
- Tangerin: #ff8a3d
- Cyan: #00e5ff

Magenta og de beste partnerne. Ultrafiolett, tangerin og cyan dytter den hver i en helt ulik retning.

Er det du egentlig vil ha mykere og varmere, nærmere tyggegummi eller rose enn neon, er samlingen med [rosa gradienter](https://gradiently.design/nb/guide/pink-gradient) et bedre utgangspunkt. Magenta fortjener plassen når du vil ha en farge ingen kan scrolle forbi.

## Koder for elektrisk magenta gradient

Magenta inn i fiolett eller blått er den klassiske elektriske kombinasjonen. Den beveger seg langs fargesirkelen uten å krysse noe gjørmete, så blandingen holder seg sterk hele veien. Disse passer til musikk, uteliv, gaming og kreative verktøy. Vil du ha denne retningen med mer blått enn magenta, tar kodene for [lilla gradient](https://gradiently.design/nb/guide/purple-gradient) over.

- Magenta til ultrafiolett: `linear-gradient(135deg, #ff00ff 0%, #b100e8 50%, #6a00f4 100%)`
- Magenta til elektrisk blå: `linear-gradient(135deg, #ff1fd1 0%, #a83cff 50%, #3a5bff 100%)`
- Magenta til cyan: `linear-gradient(135deg, #ff00ff 0%, #8f6bff 50%, #00e5ff 100%)`
- Orkidépastell: `linear-gradient(135deg, #ffd6fb 0%, #f3a6f0 50%, #d68cf5 100%)`

Kjølige magentatoner. Magenta til cyan går gjennom en myk blålilla i midten, og derfor blir den aldri grå.

## Koder for sterk magenta og solnedgang

Gå den andre veien rundt sirkelen, og magenta varmes opp: gjennom knallrosa inn i korall og oransje. Dette er uttrykket fra grafikk på slutten av 1980-tallet, synthwave og vaporwave, og fra mange sommerfestivalplakater. Et mørkt toppstopp gjør den til skumring. [Vaporwave-farger](https://gradiently.design/nb/guide/vaporwave-colors) går videre inn i den verdenen.

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

Varme magentatoner. Hold oransje som den lyseste enden, så det klareste punktet er varmt og det dypeste er magenta.

## Dyp magenta på mørke bunner

Magenta ser dyrest ut når den gløder ut av mørket i stedet for å fylle rammen. En vin- eller plommefarget bunn med ett magenta lys leses som luksusmote eller en bar sent på kvelden; spredt over en hel plakat leses den samme magentaen som en rabattflyer. Mørke bunner gir også hvit tekst et enkelt hjem.

- Dyp magenta: `linear-gradient(160deg, #1a0012 0%, #5c0045 50%, #a3006f 100%)`
- Magentaglød på svart: `radial-gradient(circle at 70% 30%, #ff3df5 0%, #a1009b 35%, #3d0040 70%, #12000f 100%)`

Mørke magentatoner. Glødversjonen er den du skal velge når magenta skal føles eksklusiv og ikke høylytt.

> **Unngå magenta til grønt** Grønt ligger rett overfor magenta, og en rett blanding mellom dem går gjennom grått i midten. Vil du ha begge, la dem møtes i en skarp kant eller hold grønt som en liten aksent. [Gjørmete gradienter](https://gradiently.design/nb/guide/muddy-gradients) viser hvorfor.

## Magenta på skjerm og på trykk

Skjermmagenta er laget av lys, mens trykkmagenta er blekk, en av de fire prosessfargene i CMYK. Prosessmagenta er mye mindre intens og vises på skjerm som regel omtrent som `#ec008c`. En magenta gradient som gløder på skjermen din, kan derfor se flat og rosaaktig ut på en flyer. [RGB og CMYK](https://gradiently.design/nb/guide/rgb-vs-cmyk) forklarer forskjellen, og [gradienter på trykk](https://gradiently.design/nb/guide/print-gradients) dekker prøvetrykk.

### Skjermmagenta

- Laget av rødt og blått lys
- Ren verdi `#ff00ff`, ekstremt sterk
- Gløder på mørke bakgrunner
- Fungerer til neon og elektriske uttrykk

### Trykkmagenta

- Laget av blekk på papir
- Nærmere `#ec008c`, merkbart mattere
- Mørke bunner kan bli gjørmete på trykk
- For ekte neon tilbyr trykkerier fluoriserende spotfarger

## Tekst på en magenta gradient

Magenta er lysere enn den ser ut. Hvit tekst på ren `#ff00ff` når bare omtrent 3,1 til 1 i kontrast, som holder for store overskrifter, men ikke for liten tekst. Svart på den samme magentaen når omtrent 6,7 til 1, men føles tung. I praksis setter du hvit tekst på den dypere enden av gradienten, eller gjør magentaen bak små ord mørkere, til noe som `#a3006f`.

På nettsider gir magenta også en slående overskrift med gradient. Hold den til store visningsstørrelser, der kontrasten holder, som beskrevet i [CSS-gradienttekst](https://gradiently.design/nb/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;
}
```

En overskrift fra magenta til ultrafiolett. Bruk den på en hvit eller svært lys side: magenta når der omtrent 3,1 til 1 og ultrafiolett omtrent 7 til 1, mens den fiolette enden nesten forsvinner på svart.

En stående story med en sterk magenta og fiolett bakgrunn og ordene Dørene åpner klokka ti i hvitt

En story til en klubbkveld i en magenta Mark. Ordene står på det mørkere området, der hvit tekst sitter godt.

Høylytte farger er nettopp der en bakgrunn som svarer på ordene dine, hjelper mest. I Gradiently gjør en magenta Mark fargen dypere nær bokstavene og holder sin roligste del bak overskriften, så gløden blir værende og ordene fortsatt kan leses. For magentas kjøligere søsken, se kodene for [cyan gradient](https://gradiently.design/nb/guide/cyan-gradient).

## FAQ

### Hva er hex-koden for magenta?

På skjerm er ren magenta #ff00ff, som CSS også kaller fuchsia. Trykkmagenta er mattere og vises på skjerm som regel omtrent som #ec008c.

### Er magenta rosa eller lilla?

Ingen av delene. Den ligger nøyaktig mellom rødt og blått på fargesirkelen; knallrosa heller mot rødt og lilla heller mot blått.

### Hvilke farger passer med en magenta gradient?

Fiolett, elektrisk blå, cyan, oransje og nesten svart blander seg alle rent med magenta. Unngå å blande den rett inn i grønt, som blir grått.

### Kan jeg bruke hvit tekst på magenta?

På ren #ff00ff når hvitt omtrent 3,1 til 1 i kontrast, så hold det til store overskrifter. Bruk en dypere magenta bak mindre hvit tekst.

### Hvorfor ser magentaen min matt ut på trykk?

Trykkfarger kan ikke gjengi intensiteten i skjermmagenta. Regn med en mykere farge, bestill et prøvetrykk, eller spør trykkeriet om fluoriserende rosa farge.