Magenta gradient: elektriske koder mellem pink og lilla

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.

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 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 over.

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 går længere ind i den verden.

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.

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 forklarer forskellen, og gradienter på tryk handler om prøvetryk.

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.

.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;
}

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.