Gradiente oro: codici per un oro metallico che sembra vero

Un gradiente oro sembra metallo vero quando copre un’ampia gamma di luminosità: un’ombra marrone scuro, un centro ocra spento, un riflesso stretto di crema pallido e di nuovo giù verso il marrone. Il codice classico da cui partire è linear-gradient(135deg, #5c3d12, #b8862b, #f3dc9a, #c79a3c, #7a5418). La maggior parte dei gradienti oro fallisce perché usa due gialli e arancioni accesi senza vera ombra né riflesso, e si legge come vernice arancione e non come metallo.

Codici di gradiente oro da copiare

Perché il tuo gradiente oro sembra arancione

Sugli schermi l’oro è un’illusione fatta di contrasto. Non esiste un pixel oro, solo marroni e gialli disposti in modo che l’occhio legga una superficie riflettente. Quando qualcosa va storto, di solito va storto in uno di questi quattro modi.

Il problema dell’arancione è il più comune perché il giallo scelto in un selettore di colore spesso sembra troppo pallido, e allora si spinge verso il caldo. Resisti: tieni la tonalità del tono medio attorno all’ocra, più o meno dove il giallo incontra il marrone, e lascia al contrasto il compito di far brillare. Se ciò che vuoi davvero è una semplice sfumatura calda, il gradiente giallo e il gradiente arancione trattano proprio quei casi.

Come illuminare l’oro perché sembri vero

1. 1

   Parti dall’ombra

   Scegli un marrone caldo e profondo. Deve essere abbastanza scuro da far leggere del testo bianco sopra.

2. 2

   Aggiungi un tono medio spento

   Un oro ocra, leggermente desaturato. È il colore che le persone ricorderanno, quindi gran parte della superficie sta qui.

3. 3

   Inserisci un riflesso stretto

   Una crema pallida in una banda sottile, fuori centro. Più è stretta, più il metallo sembra lucido.

4. 4

   Torna all’ombra

   Dopo il riflesso ricadi su un ocra più scuro, così la luce si legge come un riflesso su una superficie curva.

5. 5

   Aggiungi un secondo riflesso, più debole

   Facoltativo: un’illuminazione più morbida verso l’altra estremità, come se una seconda luce colpisse il bordo. Fa sembrare tonde le forme piatte.

L’oro riflette come ogni metallo lucidato, quindi vale la stessa logica dell’effetto testo cromato, solo più calda e con transizioni più morbide. I gradienti oro con passaggi lunghi e sottili possono mostrare banding dopo la compressione; il banding dei gradienti spiega come una grana fine lo previene.

Testo oro in CSS

.gold {
  font-family: "Cormorant Garamond", Georgia, serif;
  font-weight: 700;
  font-size: clamp(2.5rem, 8vw, 6rem);
  color: #c79a3c; /* fallback */
  background: linear-gradient(
    135deg,
    #5c3d12 0%, #b8862b 22%, #f3dc9a 45%,
    #c79a3c 58%, #7a5418 80%, #d6b062 100%
  );
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

.gold-rule {
  height: 2px;
  border: 0;
  background: linear-gradient(90deg, transparent, #b8862b 20%, #f3dc9a 50%, #b8862b 80%, transparent);
}

I gradienti oro stanno bene con caratteri serif e ad alto contrasto in corpo grande. Sotto i 24 pixel circa, ombra e riflesso si fondono in un marrone uniforme, quindi per il testo piccolo usa un oro pieno come #c79a3c e controlla il contrasto con lo sfondo. Il testo con gradiente tratta il supporto dei browser per la tecnica del ritaglio.

Gradienti oro in stampa

Un gradiente oro è l’immagine di un metallo, non il metallo. Stampato con i normali inchiostri in quadricromia esce come marroni e gialli che suggeriscono lucentezza: va bene per volantini e manifesti ma non è mai davvero riflettente. Per inviti, biglietti da visita e confezioni in cui conta la vera lucentezza, i tipografi usano inchiostri metallici o stampa a caldo con lamina, e tu consegni l’area oro come forma piatta separata nel file.

Se stampi un gradiente, aspettati che esca un po’ più scuro e meno vivido che a schermo. Schiarisci un poco il riflesso, evita passaggi molto lunghi e sottili che possono formare bande e chiedi una prova prima di una grande tiratura.

Progettare con l’oro

L’oro si legge come prezioso quando è raro. Un bordo sottile, un monogramma, una parola di un titolo, una linea di divisione: su un fondo scuro di nero, blu notte, rosso bue o verde profondo. Copri un intero manifesto d’oro e diventa ottone. Il gradiente nero e oro ha abbinamenti per la combinazione più classica, e il design di lusso mostra come l’oro entra in un’identità sobria.

Per un aspetto caldo che vive dietro ogni design invece di essere ricostruito ogni volta, cerca nel Mercato di Gradiently con parole di colore come «oro caldo» o «bronzo». Ogni Mark è uno sfondo vivo con luce e grana, che può avere un solo proprietario alla volta e tiene la sua area più calma dietro le tue parole a ogni misura.