Mercato
Prezzi
AccediInizia
Guida praticaColore
Colore

Sfumatura magenta: codici elettrici tra rosa e viola

Il magenta è uno dei colori più forti su uno schermo e uno dei più difficili da domare. Questi codici mostrano dove si colloca tra rosa e viola, con cosa fonderlo e cosa succede quando va in stampa.

GradientlyAccount Gradiently verificato·1 ottobre 2026·5 min di lettura
Copertina: October Surf · GR·B60F·57

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
Magenta, rosa e viola: dove cade il confineCodici per sfumature magenta elettricheCodici di magenta acceso e tramontoMagenta profondo su fondi scuriMagenta su schermo e in stampaTesto su una sfumatura magenta

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.

Violetto#7c3aed

Tende al

Blu

Sensazione

Calmo, creativo
Viola#a21caf

Tende al

Un po’ blu

Sensazione

Ricco, regale
Magenta#ff00ff

Tende al

Nessuno dei due

Sensazione

Elettrico, rumoroso
Magenta acceso

Hex

#e6007e

Tende al

Un po’ rosso

Sensazione

Audace, alla moda
Rosa acceso

Hex

#ff4fa3

Tende al

Rosso

Sensazione

Giocoso, caldo
ColoreHexTende alSensazione
Violetto#7c3aedBluCalmo, creativo
Viola#a21cafUn po’ bluRicco, regale
Magenta#ff00ffNessuno dei dueElettrico, rumoroso
Magenta acceso#e6007eUn po’ rossoAudace, alla moda
Rosa acceso#ff4fa3RossoGiocoso, caldo
Il vicinato attorno al magenta. Una sfumatura magenta di solito prende in prestito uno di questi come secondo punto.
Il magenta e i suoi migliori partner. Ultravioletto, mandarino e ciano lo spingono ciascuno in una direzione completamente diversa.

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.

Magenta freddi. Da magenta a ciano si passa per un morbido pervinca a metà, ed è per questo che non vira mai al grigio.

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 caldi. Tieni l’arancione come estremità più chiara, così il punto più luminoso è caldo e il più profondo è magenta.

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 scuri. La versione con bagliore è quella da scegliere quando vuoi che il magenta sembri premium e non rumoroso.

Evita da magenta a verde

Il verde sta direttamente opposto al magenta, e una fusione diretta tra i due passa per il grigio al centro. Se vuoi entrambi, fai incontrare i due con un bordo netto oppure tieni il verde come piccolo accento. Sfumature fangose mostra perché.

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.

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;
}
Un titolo da magenta a ultravioletto. Usalo su una pagina bianca o molto chiara: lì il magenta raggiunge circa 3,1 a 1 e l’ultravioletto circa 7 a 1, mentre l’estremità violetta quasi sparisce sul nero.
Residenza del sabato
Porte alle dieci.
Palco nel seminterrato, tutta la notte
Gradiently · @gradiently

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.

Trova un gradiente solo tuo

Sfoglia migliaia di Mark, progetta gratis con uno qualsiasi e riserva quello in cui ti riconosci.

Sfoglia il Mercato

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.

Condividi questa guida

Scritto da GradientlyAccount Gradiently verificato

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

In questa pagina

Magenta, rosa e viola: dove cade il confineCodici per sfumature magenta elettricheCodici di magenta acceso e tramontoMagenta profondo su fondi scuriMagenta su schermo e in stampaTesto su una sfumatura magenta

Condividi questa guida

Il prossimo in Colore

Gradiente ciano: codici elettrici e nitidi

Continua a leggere

Tutte le guide su Colore
Colore

Gradienti rosa moderni, non stucchevoli

5 min di lettura

Il rosa può sembrare una confetteria o una rivista di moda. La differenza raramente sta nel rosa in sé: sta in ciò che gli metti accanto. Ecco palette, abbinamenti e codici per un rosa che sembri attuale.

Colore

Gradienti viola: palette, codici e come usarli

5 min di lettura

Il viola è uno dei colori per gradienti più usati sul web, e per questo è sia una scelta sicura sia una in cui è facile perdersi. Ecco palette che sembrano pensate, con i codici per usarle.

Gradienti

Gradienti neon: bagliore senza affaticare la vista

5 min di lettura

Il neon è colore al massimo. Su un fondo scuro brilla; steso su tutto lo schermo ronza. Ecco come tenere il bagliore e perdere il ronzio.

Trova lo stile che è solo tuo.

Ogni Mark è uno sfondo vivo con un solo proprietario. Prova un Mark ancora disponibile e riserva il tuo quando ti senti pronto.

Inizia a progettare

Verifica un certificato

Scrivi il numero di un certificato o il codice di un Mark per scoprire di chi è.

Funziona con ChatGPT e Claude

Chiedi un design alla tua AI. Lo crea nel tuo Mark, pronto da modificare.

ChatGPTClaude
Come collegarla

Prodotto

  • Mercato
  • Esplora
  • Prezzi
  • Certificati

Scopri

  • Guida pratica
  • Centro assistenza
  • Novità

Sviluppatori

  • Panoramica
  • ChatGPT e Claude
  • Riferimento API
  • Chiavi API

Azienda

  • Chi siamo
  • Contattaci
  • Accedi

Note legali

  • Termini
  • Privacy
  • Rimborsi
  • Protezione dei Mark
  • Cookie
  • Tutte le policy
Passa sopra le lettere. Ognuna indossa un vero Mark.Tocca una lettera per vedere il suo Mark.Un nome. Dieci Mark al suo interno.
© 2026 Gradiently