# Magenta gradient: elektriske koder mellem pink og lilla

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

Magenta er en af de mest højtråbende farver på en skærm og en af de sværeste at tæmme. Koderne her viser, hvor den ligger mellem pink og lilla, hvad den skal blandes med, og hvad der sker, når den skal på tryk.

## The short version

- Magenta ligger ved 300 grader på HSL-farvehjulet, midt mellem rød og blå, og derfor opfattes den hverken som pink eller lilla.
- På skærme er ren magenta `#ff00ff`, den samme værdi som CSS kalder fuchsia.
- Magenta blander sig rent med violet, blå, orange og cyan, men bliver grå, når den blandes direkte med grøn.
- Trykt magenta er langt mindre intens end skærmmagenta, så klare magenta gradienter ser mere matte ud på papir.
- Hvid tekst på ren magenta når kun omkring 3,1 til 1 i kontrast, nok til store overskrifter, men ikke til lille tekst.

En **magenta gradient** blander den skarpe farve mellem pink og lilla med en nabo: violet for noget elektrisk, orange for varme, cyan for et cyberlook eller næsten sort for dybde. Ren skærmmagenta er `#ff00ff`, og den er så intens, at gradienten som regel fungerer bedst, når magenta er den ene ende af blandingen frem for det hele. Koderne nedenfor dækker hver retning med noter om tekst og om, hvordan magenta opfører sig på tryk.

## Magenta, pink og lilla: hvor grænsen går

På HSL-farvehjulet ligger magenta ved 300 grader, præcis mellem rød og blå. Glid mod rød, og den bliver knaldpink; glid mod blå, og den bliver lilla og derefter violet. Magenta er også kendt for ikke at findes i regnbuen: Der er ingen enkelt bølgelængde af lys for den, og dit øje opfatter den, når det modtager rødt og blåt lys samtidig. Det er en del af grunden til, at den ser så kunstig og elektrisk ud.

| Farve | Hex | Hælder mod | Føles |
| --- | --- | --- | --- |
| Violet | `#7c3aed` | Blå | Rolig, kreativ |
| Lilla | `#a21caf` | Lidt blå | Fyldig, kongelig |
| Magenta | `#ff00ff` | Ingen af dem | Elektrisk, højlydt |
| Varm magenta | `#e6007e` | Lidt rød | Modig, moderigtig |
| Knaldpink | `#ff4fa3` | Rød | Legende, varm |

Kvarteret omkring magenta. En magenta gradient låner som regel en af disse som sit andet farvestop.

- Skærmmagenta: #ff00ff
- Elektrisk magenta: #e600e6
- Dyb magenta: #a3006f
- Vin: #5c0045
- Orkidé: #f3a6f0
- Ultraviolet: #6a00f4
- Mandarin: #ff8a3d
- Cyan: #00e5ff

Magenta og dens bedste partnere. Ultraviolet, mandarin og cyan skubber den hver i en helt anden retning.

Hvis det, du egentlig vil have, er blødere og varmere, tættere på tyggegummi eller rose end på neon, er samlingen af [pink gradienter](https://gradiently.design/da/guide/pink-gradient) et bedre sted at starte. Magenta gør sig fortjent til sin plads, når du vil have en farve, som ingen kan scrolle forbi.

## Elektriske magenta gradientkoder

Magenta mod violet eller blå er den klassiske elektriske parring. Den bevæger sig langs farvehjulet uden at krydse noget mudret, så blandingen forbliver klar hele vejen. De passer til musik, natteliv, gaming og kreative værktøjer. Vil du have denne retning med mere blå end magenta, tager koderne til [lilla gradienter](https://gradiently.design/da/guide/purple-gradient) over.

- Magenta til ultraviolet: `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é pastel: `linear-gradient(135deg, #ffd6fb 0%, #f3a6f0 50%, #d68cf5 100%)`

Kølige magentaer. Magenta til cyan passerer en blød lavendelblå i midten, og derfor bliver den aldrig grå.

## Varm magenta og solnedgangskoder

Drej den anden vej rundt om hjulet, og magenta bliver varm: gennem knaldpink til koral og orange. Det er looket fra grafik i slutningen af 1980’erne, synthwave og vaporwave og fra mange sommerfestivalplakater. Et mørkt topstop gør den til en skumring. [Vaporwave-farver](https://gradiently.design/da/guide/vaporwave-colors) går længere ind i den verden.

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

Varme magentaer. Hold orange som den lyse ende, så det klareste punkt er varmt og det dybeste er magenta.

## Dyb magenta på mørk bund

Magenta ser dyrest ud, når den gløder ud af mørket i stedet for at fylde hele billedet. En vin- eller blommefarvet bund med ét magenta lys læses som luksusmode eller en bar sent om aftenen; spredt over en hel plakat læses den samme magenta som en tilbudsflyer. Mørk bund giver også hvid tekst et let sted at være.

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

Mørke magentaer. Glødversionen er den, du skal vælge, når magenta skal føles eksklusiv frem for højlydt.

> **Undgå magenta til grøn** Grøn ligger lige over for magenta, og en direkte blanding mellem dem passerer grå i midten. Vil du have begge, så lad dem mødes i en skarp kant, eller hold grøn som en lille accent. [Mudrede gradienter](https://gradiently.design/da/guide/muddy-gradients) viser hvorfor.

## Magenta på skærm og på tryk

Skærmmagenta er lavet af lys, mens trykt magenta er blæk, en af de fire procesfarver i CMYK. Procesmagenta er langt mindre intens og vises som regel på skærm omkring `#ec008c`. En magenta gradient, der gløder på din skærm, kan derfor se flad og pinkagtig ud på en flyer. [RGB vs. CMYK](https://gradiently.design/da/guide/rgb-vs-cmyk) forklarer forskellen, og [gradienter på tryk](https://gradiently.design/da/guide/print-gradients) handler om prøvetryk.

### Skærmmagenta

- Lavet af rødt og blåt lys
- Ren værdi `#ff00ff`, ekstremt klar
- Gløder på mørke baggrunde
- Fungerer til neon og elektriske looks

### Trykt magenta

- Lavet af blæk på papir
- Tættere på `#ec008c`, tydeligt mere mat
- Mørk bund kan blive mudret på tryk
- Til ægte neon tilbyder trykkerier fluorescerende spotfarver

## Tekst på en magenta gradient

Magenta er lysere, end den ser ud. Hvid tekst på ren `#ff00ff` når kun omkring 3,1 til 1 i kontrast, hvilket holder til store overskrifter, men ikke til lille tekst. Sort på samme magenta når omkring 6,7 til 1, men føles tung. I praksis skal du sætte hvid tekst på den dybe ende af gradienten eller gøre magentaen bag små ord mørkere, for eksempel til `#a3006f`.

På hjemmesider giver magenta også en slående gradientoverskrift. Hold den til store displaystørrelser, hvor kontrasten holder, som beskrevet i [CSS-gradienttekst](https://gradiently.design/da/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 ultraviolet. Brug den på en hvid eller meget lys side: Magenta når omkring 3,1 til 1 der og ultraviolet omkring 7 til 1, mens den violette ende næsten forsvinder på sort.

En lodret story med en klar magenta og violet baggrund og ordene Dørene åbner klokken ti i hvidt

En story til en klubaften i en magenta Mark. Ordene står på det mørkere område, hvor hvid tekst har det godt.

Højlydte farver er netop der, hvor en baggrund, der reagerer på dine ord, hjælper mest. I Gradiently gør en magenta Mark farven dybere tæt på bogstaverne og holder sin roligste del bag overskriften, så gløden bliver, og ordene stadig kan læses. Magentas kølige søskende finder du i koderne til [cyan gradienter](https://gradiently.design/da/guide/cyan-gradient).

## FAQ

### Hvad er hex-koden for magenta?

På skærme er ren magenta #ff00ff, som CSS også kalder fuchsia. Trykt magenta er mere mat og vises som regel på skærm omkring #ec008c.

### Er magenta pink eller lilla?

Ingen af delene. Den ligger præcis mellem rød og blå på farvehjulet; knaldpink hælder mod rød, og lilla hælder mod blå.

### Hvilke farver passer til en magenta gradient?

Violet, elektrisk blå, cyan, orange og næsten sort blander sig alle rent med magenta. Undgå at blande den direkte med grøn, som bliver grå.

### Kan jeg bruge hvid tekst på magenta?

På ren #ff00ff når hvid omkring 3,1 til 1 i kontrast, så hold den til store overskrifter. Brug en dybere magenta bag mindre hvid tekst.

### Hvorfor ser min magenta mat ud på tryk?

Trykfarver kan ikke gengive intensiteten af skærmmagenta. Regn med en blødere farve, bestil et prøvetryk, eller spørg dit trykkeri om fluorescerende pink blæk.