Colore

Gradienti rosa moderni, non stucchevoli

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.

GradientlyAccount Gradiently verificato··5 min di lettura
Copertina: Patagonia Lighthouse · GR·HKH2·MY

In breve

  • 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.
In questa pagina

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.

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

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.

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

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 ne parla più a fondo.

Il rosa nel design editoriale

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

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 spiega questi accorgimenti nel dettaglio.

Testo sui gradienti rosa

Testo su sfondoContrastoGiudizio
Bianco su #8318439,7:1Eccellente
Bianco su #be185d6,0:1Buono per il testo corrente
Bianco su #db27774,6:1Passa di poco per il testo corrente
Bianco su #ec48993,5:1Solo testo grande
#3b0a1e su #f472b66,4:1Qui funziona l’inchiostro scuro
#1f2a44 su #f9c6d09,5:1Navy 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 mostra come trovare la zona calma.

Le domande più frequenti

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.

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
Tutte le guide su Colore