Magenta gradient: elektriske koder mellom rosa og lilla

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.

Er det du egentlig vil ha mykere og varmere, nærmere tyggegummi eller rose enn neon, er samlingen med rosa gradienter 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 over.

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 går videre inn i den verdenen.

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.

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 forklarer forskjellen, og gradienter på trykk dekker prøvetrykk.

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.

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