In breve
- Il magenta si trova a 300 gradi sulla ruota dei colori HSL, a metà tra rosso e blu, ed è per questo che non si legge né come rosa né come viola.
- Sugli schermi, il magenta puro è
#ff00ff, lo stesso valore che il CSS chiama fuchsia. - Il magenta si fonde bene con violetto, blu, arancione e ciano, ma diventa grigio se fuso direttamente con il verde.
- Il magenta di stampa è molto meno intenso di quello da schermo, quindi le sfumature magenta brillanti sulla carta appaiono più spente.
- Il testo bianco sul magenta puro raggiunge solo circa 3,1 a 1 di contrasto, abbastanza per titoli grandi ma non per testo piccolo.
In questa pagina
Una sfumatura magenta unisce il colore vivido tra rosa e viola a un vicino: violetto per qualcosa di elettrico, arancione per il calore, ciano per un look cyber, o quasi nero per la profondità. Il magenta puro da schermo è #ff00ff, ed è così intenso che la sfumatura funziona di solito meglio quando il magenta è un’estremità della fusione e non tutta. I codici qui sotto coprono ogni direzione, con note sul testo e su come si comporta il magenta in stampa.
Magenta, rosa e viola: dove cade il confine
Sulla ruota dei colori HSL il magenta sta a 300 gradi, esattamente tra rosso e blu. Scivola verso il rosso e diventa rosa acceso; scivola verso il blu e diventa viola e poi violetto. Il magenta è anche famoso per non comparire nell’arcobaleno: non esiste una singola lunghezza d’onda della luce per lui, e il tuo occhio lo percepisce quando riceve insieme luce rossa e blu. È in parte per questo che sembra così artificiale ed elettrico.
#7c3aedTende al
Sensazione
#a21cafTende al
Sensazione
#ff00ffTende al
Sensazione
Hex
#e6007eTende al
Sensazione
Hex
#ff4fa3Tende al
Sensazione
Se quello che vuoi davvero è più morbido e più caldo, più vicino al chewing gum o alla rosa che al neon, la raccolta di sfumature rosa è un punto di partenza migliore. Il magenta si guadagna il suo posto quando vuoi un colore che nessuno può scorrere via.
Codici per sfumature magenta elettriche
Magenta verso violetto o blu è il classico abbinamento elettrico. Si muove lungo la ruota dei colori senza attraversare nulla di fangoso, quindi la fusione resta vivida fino in fondo. Vanno bene per musica, vita notturna, gaming e strumenti creativi. Se vuoi questa direzione con più blu che magenta, subentrano i codici delle sfumature viola.
Codici di magenta acceso e tramonto
Gira dall’altra parte della ruota e il magenta si scalda: attraverso il rosa acceso fino al corallo e all’arancione. È l’aspetto della grafica della fine degli anni Ottanta, della synthwave e della vaporwave, e di molti poster di festival estivi. Un punto scuro in alto la trasforma in un crepuscolo. Colori vaporwave approfondisce quel mondo.
Magenta profondo su fondi scuri
Il magenta sembra più costoso quando risplende dal buio invece di riempire l’inquadratura. Un fondo vino o prugna con una luce magenta si legge come moda di lusso o un bar a tarda notte; steso su un intero poster, lo stesso magenta si legge come un volantino di sconti. I fondi scuri danno anche una casa comoda al testo bianco.
Magenta su schermo e in stampa
Il magenta da schermo è fatto di luce, mentre il magenta di stampa è inchiostro, uno dei quattro colori di processo del CMYK. Il magenta di processo è molto meno intenso, di solito mostrato a schermo a circa #ec008c. Quindi una sfumatura magenta che brilla sul tuo monitor può apparire piatta e rosata su un volantino. RGB vs CMYK spiega la differenza, e sfumature in stampa tratta le prove.
Magenta da schermo
- Fatto di luce rossa e blu
- Valore puro
#ff00ff, estremamente vivido - Brilla sugli sfondi scuri
- Funziona per look neon ed elettrici
Magenta di stampa
- Fatto di inchiostro su carta
- Più vicino a
#ec008c, nettamente più spento - I fondi scuri possono stampare in modo fangoso
- Per un vero neon, le tipografie offrono inchiostri speciali fluorescenti
Testo su una sfumatura magenta
Il magenta è più luminoso di quanto sembri. Il testo bianco su #ff00ff puro raggiunge solo circa 3,1 a 1 di contrasto, che va bene per i titoli grandi ma non per il testo piccolo. Il nero sullo stesso magenta raggiunge circa 6,7 a 1, ma risulta pesante. In pratica, metti il testo bianco sull’estremità più profonda della sfumatura, oppure scurisci il magenta dietro le parole piccole fino a qualcosa come #a3006f.
Sui siti web, il magenta fa anche un titolo sfumato di grande effetto. Tienilo alle misure grandi da esposizione, dove il contrasto regge, come descritto in testo con sfumatura in 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;
}Una storia per una serata in un club su un Mark magenta. Le parole stanno sulla zona più scura, dove il testo bianco è comodo.
I colori forti sono esattamente dove uno sfondo che risponde alle tue parole aiuta di più. In Gradiently, un Mark magenta approfondisce il colore vicino alle lettere e tiene la sua parte più calma dietro il titolo, così il bagliore resta e le parole si leggono ancora. Per il cugino più freddo del magenta, vedi i codici delle sfumature ciano.
Le domande più frequenti
Qual è il codice hex del magenta?
Sugli schermi il magenta puro è #ff00ff, che il CSS chiama anche fuchsia. Il magenta di stampa è più spento ed è di solito mostrato a schermo a circa #ec008c.
Il magenta è rosa o viola?
Nessuno dei due. Sta esattamente tra rosso e blu sulla ruota dei colori; il rosa acceso tende al rosso e il viola tende al blu.
Quali colori stanno bene con una sfumatura magenta?
Violetto, blu elettrico, ciano, arancione e quasi nero si fondono tutti bene con il magenta. Evita di fonderlo direttamente nel verde, che diventa grigio.
Posso usare testo bianco sul magenta?
Su #ff00ff puro, il bianco raggiunge circa 3,1 a 1 di contrasto, quindi limitalo ai titoli grandi. Usa un magenta più profondo dietro il testo bianco più piccolo.
Perché il mio magenta sembra spento quando stampato?
Gli inchiostri da stampa non riescono a riprodurre l’intensità del magenta da schermo. Aspettati un colore più morbido, ordina una prova o chiedi alla tipografia dell’inchiostro rosa fluorescente.
Scritto da Gradiently
Il team dietro Gradiently, uno strumento di design costruito attorno ai Mark: gradienti vivi che fanno sembrare tuo tutto ciò che progetti.
Vedi il nostro profilo