# Sfumatura magenta: codici elettrici tra rosa e viola

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

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.

## The short version

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

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.

| Colore | Hex | Tende al | Sensazione |
| --- | --- | --- | --- |
| Violetto | `#7c3aed` | Blu | Calmo, creativo |
| Viola | `#a21caf` | Un po’ blu | Ricco, regale |
| Magenta | `#ff00ff` | Nessuno dei due | Elettrico, rumoroso |
| Magenta acceso | `#e6007e` | Un po’ rosso | Audace, alla moda |
| Rosa acceso | `#ff4fa3` | Rosso | Giocoso, caldo |

Il vicinato attorno al magenta. Una sfumatura magenta di solito prende in prestito uno di questi come secondo punto.

- Magenta da schermo: #ff00ff
- Magenta elettrico: #e600e6
- Magenta profondo: #a3006f
- Vino: #5c0045
- Orchidea: #f3a6f0
- Ultravioletto: #6a00f4
- Mandarino: #ff8a3d
- Ciano: #00e5ff

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](https://gradiently.design/it/guide/pink-gradient) è 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](https://gradiently.design/it/guide/purple-gradient).

- Magenta verso ultravioletto: `linear-gradient(135deg, #ff00ff 0%, #b100e8 50%, #6a00f4 100%)`
- Magenta verso blu elettrico: `linear-gradient(135deg, #ff1fd1 0%, #a83cff 50%, #3a5bff 100%)`
- Magenta verso ciano: `linear-gradient(135deg, #ff00ff 0%, #8f6bff 50%, #00e5ff 100%)`
- Orchidea pastello: `linear-gradient(135deg, #ffd6fb 0%, #f3a6f0 50%, #d68cf5 100%)`

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](https://gradiently.design/it/guide/vaporwave-colors) approfondisce quel mondo.

- Magenta verso mandarino: `linear-gradient(135deg, #e600e6 0%, #ff2e8a 45%, #ff8a3d 100%)`
- Crepuscolo magenta: `linear-gradient(180deg, #2a0a4a 0%, #a3007d 45%, #ff3d8b 75%, #ffb36b 100%)`

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 profondo: `linear-gradient(160deg, #1a0012 0%, #5c0045 50%, #a3006f 100%)`
- Bagliore magenta su nero: `radial-gradient(circle at 70% 30%, #ff3df5 0%, #a1009b 35%, #3d0040 70%, #12000f 100%)`

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](https://gradiently.design/it/guide/muddy-gradients) 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](https://gradiently.design/it/guide/rgb-vs-cmyk) spiega la differenza, e [sfumature in stampa](https://gradiently.design/it/guide/print-gradients) 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](https://gradiently.design/it/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;
}
```

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.

Una storia verticale con uno sfondo magenta e violetto vivido e le parole Porte alle dieci in bianco

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](https://gradiently.design/it/guide/cyan-gradient).

## FAQ

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