# Gradienti rosa moderni, non stucchevoli

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

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.

## The short version

- Un gradiente rosa fonde diverse tonalità di rosa, dal cipria pallido e il rosa antico al corallo e al rosa shocking, spesso con un pesca, un rosso o un viola vicini.
- Il rosa sembra stucchevole quando è pallido, saturo e abbinato solo ad altri pastelli, e moderno quando è abbinato a un tono profondo.
- Partner profondi come il rosso sangue di bue, il blu navy, il verde bosco e il quasi nero danno contrasto al rosa e lo rendono editoriale.
- Il testo bianco funziona sui rosa profondi come #be185d, ma scende sotto il contrasto richiesto per il testo corrente sui rosa più brillanti come #ec4899.
- I rosa polverosi, leggermente ingrigiti, sembrano più adulti dei rosa caramella puri e si adattano a brand di moda, bellezza e cultura.

Un **gradiente rosa** fonde diverse tonalità di rosa, dal cipria pallido e il rosa antico, passando per il corallo, fino al rosa shocking e al lampone, spesso con un pesca, un rosso o un viola vicini. Il rosa vive da tempo un grande momento nella moda, nella bellezza, nel food e nella cultura, ma ha un difetto noto: troppo pallido, troppo dolce, troppo zuccheroso. La soluzione è quasi sempre il contrasto. Abbina il rosa a qualcosa di profondo e diventa deciso ed editoriale. Qui sotto trovi palette, abbinamenti e codici CSS per gradienti rosa che sembrano moderni.

## La gamma dei rosa

Il rosa è un rosso più chiaro, ma la famiglia è ampia. Il cipria e il rosa antico sono morbidi e leggermente ingrigiti, e per questo sembrano calmi e adulti. Il corallo e il salmone tendono all’arancione e sembrano caldi e solari. Il rosa shocking e il fucsia tendono al viola e sembrano rumorosi e giocosi. Il lampone e il frutti di bosco sono abbastanza profondi da reggere il testo bianco.

- Cipria: #fbe4e4
- Rosa antico: #e8b4b8
- Salmone: #f9a28b
- Rosa corallo: #fb7185
- Rosa shocking: #ec4899
- Fucsia: #c026d3
- Lampone: #be185d
- Frutti di bosco: #831843

Otto rosa dal più pallido al più profondo. Morbidi e ingrigiti a sinistra, accesi al centro, profondi a destra.

Il rosa che scegli definisce il tono prima di qualsiasi altra cosa:

- **Bellezza e skincare:** cipria e rosa antico, spesso con crema e un marrone caldo.
- **Moda ed editoria:** rosa antico o shocking contro nero, blu navy o rosso sangue di bue.
- **Food e bevande:** corallo, salmone e lampone, i colori della frutta e dei sorbetti.
- **Musica e vita notturna:** rosa shocking e fucsia che brillano su un quasi nero.
- **Matrimoni e cartoleria:** cipria e rosa su carta calda, con dettagli verde scuro o bordeaux.

I rosa pallidi si sovrappongono alla più ampia famiglia dei pastelli; i [gradienti pastello](https://gradiently.design/it/guide/pastel-gradients) spiegano come mantenerli freschi su più tinte.

## Perché il rosa diventa stucchevole

### Stucchevole

- Rosa pallido sfumato con azzurro o lilla
- Tutti i colori pastello, niente di scuro
- Rosa caramella puro e brillante, senza grigio
- Tipografia arrotondata e gonfia nello stesso rosa

### Moderno

- Rosa accostato a un tono profondo
- Un solo scuro deciso per il testo e il peso
- Rosa polverosi, leggermente smorzati
- Tipografia netta in quasi nero o crema

Nessuna delle scelte stucchevoli è sbagliata di per sé; i brand per bambini e la pasticceria le usano apposta. Ma se vuoi che il rosa si legga come sicuro di sé e non come carino, serve peso da qualche parte nel design, e un colore partner profondo è il modo più rapido per ottenerlo.

## Gradienti rosa morbidi

I rosa morbidi sembrano calmi, caldi e tattili. Si adattano a skincare, cartoleria, matrimoni e benessere. Tienili leggermente polverosi e non brillanti, e usa un inchiostro scuro per il testo.

- Carta cipria: `linear-gradient(135deg, #fdf2f0 0%, #f6cfd2 100%)`
- Rosa antico: `linear-gradient(160deg, #f5e1dc 0%, #e8b4b8 55%, #c98b95 100%)`
- Dal rosa all’albicocca: `linear-gradient(135deg, #fde2e4 0%, #fed7aa 100%)`
- Bagliore di petalo: `radial-gradient(circle at 30% 30%, #fff1f2 0%, #fbcfe8 45%, #e9a6c0 100%)`

Gradienti rosa morbidi. L’albicocca e il rosa smorzato li mantengono caldi senza zucchero.

## Rosa con toni profondi

È qui che il rosa diventa editoriale. Un partner profondo dà al rosa qualcosa contro cui brillare e dà al testo una base solida su cui poggiare. Gli abbinamenti qui sotto sono comuni nella moda, nell’editoria e nell’ospitalità, e non per caso.

- Dal sangue di bue al rosa: `linear-gradient(160deg, #2a0a12 0%, #6b1d2a 50%, #f4a6b8 100%)`
- Dal navy al rosa: `linear-gradient(160deg, #0f1a33 0%, #3a2a5c 50%, #f9a8c2 100%)`
- Verde bosco e rosa, diviso: `linear-gradient(90deg, #14352a 0% 50%, #f7b6c2 50% 100%)`
- Dal cacao al rosa: `linear-gradient(160deg, #1c1210 0%, #4a2c25 50%, #e9a8a0 100%)`
- Luce rosa sul nero: `radial-gradient(circle at 70% 80%, #ff7ab8 0%, #7a1f4b 40%, #0d0508 80%)`
- Dal prugna al lampone: `linear-gradient(135deg, #3b0764 0%, #9d174d 55%, #fda4af 100%)`

Rosa con partner profondi. L’abbinamento con il verde bosco usa una divisione netta perché rosa e verde sono quasi opposti e sfumati diventerebbero grigi.

Il verde e il rosa stanno quasi uno di fronte all’altro sulla ruota dei colori, quindi formano una coppia d’impatto ma una pessima sfumatura. Tienili in aree separate, come nella divisione qui sopra. I [colori complementari](https://gradiently.design/it/guide/complementary-colors) spiegano perché gli opposti diventano grigi quando si mescolano.

## Gradienti rosa accesi e shocking

I rosa shocking sono i colori più rumorosi della famiglia. Si adattano a musica, vita notturna, momenti di saldi e brand che vogliono farsi notare dall’altra parte della stanza. Sfumali verso l’arancione o il viola, mai verso il verde o il verde acqua.

- Dal rosa al mandarino: `linear-gradient(135deg, #db2777 0%, #f97316 100%)`
- Lampone in salita: `linear-gradient(135deg, #be185d 0%, #ec4899 50%, #f9a8d4 100%)`
- Dal viola al rosa: `linear-gradient(135deg, #7c3aed 0%, #ec4899 100%)`
- Tramonto rosa: `linear-gradient(180deg, #ff4d8d 0%, #ff8a5c 60%, #ffd29d 100%)`

Gradienti rosa vivaci. Ognuno sfuma verso un vicino caldo o viola, così il centro resta brillante.

Il gradiente dal viola al rosa è uno dei più familiari di internet. Se lo usi, rendilo tuo con un fondo profondo, una luce calda o la grana. La guida ai [gradienti viola](https://gradiently.design/it/guide/purple-gradient) ne parla più a fondo.

## Il rosa nel design editoriale

Una copertina editoriale verticale intitolata Il numero della morbidezza su un gradiente dai toni rosa

Il rosa come copertina di rivista: campo calmo, tipografia sicura.

Un post quadrato con citazione in testo scuro su un gradiente morbido

Un post con citazione in cui il testo scuro dà peso al rosa.

Il rosa editoriale funziona perché tratta il colore come un fondo, non come una decorazione. Un unico grande campo, spazio generoso, una tipografia serif o grotesque netta in quasi nero o crema, e un dettaglio in un colore partner profondo. Il [design editoriale per i social](https://gradiently.design/it/guide/editorial-design-for-social) spiega questi accorgimenti nel dettaglio.

## Testo sui gradienti rosa

| Testo su sfondo | Contrasto | Giudizio |
| --- | --- | --- |
| Bianco su `#831843` | 9,7:1 | Eccellente |
| Bianco su `#be185d` | 6,0:1 | Buono per il testo corrente |
| Bianco su `#db2777` | 4,6:1 | Passa di poco per il testo corrente |
| Bianco su `#ec4899` | 3,5:1 | Solo testo grande |
| `#3b0a1e` su `#f472b6` | 6,4:1 | Qui funziona l’inchiostro scuro |
| `#1f2a44` su `#f9c6d0` | 9,5:1 | Navy su rosa: eccellente |

Rapporti di contrasto WCAG, calcolati. Il testo corrente richiede 4,5:1, il testo grande 3:1.

```css
.cover {
  background-color: #2a0a12;
  background-image: linear-gradient(160deg, #2a0a12 0%, #6b1d2a 50%, #f4a6b8 100%);
  color: #fdf2f0;
}
```

Dal sangue di bue al rosa, con testo crema. Metti le parole nella parte alta e più scura del campo.

Su un gradiente, controlla sempre il contrasto nel punto in cui il rosa è più chiaro dietro il testo. Il [testo su un gradiente](https://gradiently.design/it/guide/text-on-gradient) mostra come trovare la zona calma.

## FAQ

### Quali colori stanno bene con il rosa in un gradiente?

Pesca, corallo, rosso e viola si fondono bene con il rosa. Per il contrasto, abbina il rosa a toni profondi come il sangue di bue, il navy, il cacao o il quasi nero. Tieni il verde in un’area separata, perché rosa e verde sfumati diventano grigi.

### Come faccio a rendere il rosa meno infantile?

Usa rosa polverosi o profondi invece del rosa caramella brillante, aggiungi un colore partner profondo e componi il testo in quasi nero o crema invece che in un altro rosa.

### Quale colore del testo funziona su un gradiente rosa?

Il bianco funziona sui rosa profondi come il lampone e il frutti di bosco. Sui rosa più chiari, usa un inchiostro scuro come un bordeaux profondo o un navy.

### Qual è il CSS per un gradiente rosa?

Per esempio, linear-gradient(160deg, #2a0a12 0%, #6b1d2a 50%, #f4a6b8 100%) crea un gradiente dal sangue di bue al rosa. Tutte le palette di questa pagina si possono copiare come CSS.