Gullgradient: koder for metallisk gull som ser ekte ut

En gullgradient ser ut som ekte metall når den dekker et bredt spenn i lyshet: en dyp brun skygge, en dempet okerfarget midte, et smalt blekt kremfarget høylys og ned til brunt igjen. Den klassiske koden å starte fra er linear-gradient(135deg, #5c3d12, #b8862b, #f3dc9a, #c79a3c, #7a5418). De fleste gullgradienter mislykkes fordi de bruker to klare gule og oransje toner uten ekte skygge eller høylys, og det leses som oransje maling og ikke som metall.

Gullgradienter du kan kopiere

Hvorfor gullgradienten din ser oransje ut

På skjermen er gull en illusjon laget av kontrast. Det finnes ingen gullpiksel, bare brune og gule toner ordnet slik at øyet leser en reflekterende flate. Når noe går galt, går det som regel galt på en av fire måter.

Det oransje problemet er det vanligste, fordi den gule du velger i en fargevelger, ofte ser for blek ut, så folk dytter den varmere. La være: hold mellomtonen rundt oker, omtrent der gult møter brunt, og la kontrasten gi glansen. Hvis det du egentlig vil ha, er en enkel varm overgang, dekker gul gradient og oransje gradient det direkte.

Slik lyssetter du gull så det ser ekte ut

1. 1

   Start med skyggen

   Velg en dyp, varm brun. Den bør være mørk nok til at hvit tekst kan leses på den.

2. 2

   Legg til én dempet mellomtone

   Et okerfarget gull, litt avmettet. Dette er fargen folk husker, så det meste av flaten ligger her.

3. 3

   Plasser et smalt høylys

   En blek krem i et tynt bånd, utenfor midten. Jo smalere det er, desto blankere ser metallet ut.

4. 4

   Gå tilbake til skygge

   Fall tilbake til en mørkere oker etter høylyset, så lyset leses som en refleks på en buet flate.

5. 5

   Legg til et svakere høylys nummer to

   Valgfritt: et mykere løft nær den andre enden, som om en lyskilde til treffer kanten. Det får flate former til å føles avrundede.

Gull reflekterer som alt polert metall, så den samme logikken som ligger bak kromeffekt på tekst, gjelder her, bare varmere og med mykere overganger. Gullgradienter med lange, subtile partier kan få striper etter komprimering; striper i gradienter forklarer hvordan fint korn forhindrer det.

Gulltekst i 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);
}

Gullgradienter passer til seriffer og skrift med høy kontrast i store størrelser. Under omtrent 24 piksler flyter skygge og høylys sammen til en jevn brun, så sett liten tekst i en ensfarget gulltone som #c79a3c i stedet, og sjekk kontrasten mot bakgrunnen. Gradienttekst tar for seg nettleserstøtten for klippeteknikken.

Gullgradienter på trykk

En gullgradient er et bilde av metall, ikke metall. Trykket med vanlige fire farger blir den til brune og gule toner som antyder glans, og det holder fint til flyers og plakater, men den blir aldri virkelig reflekterende. Til invitasjoner, visittkort og emballasje der ekte glans betyr noe, bruker trykkerier metallisk blekk eller foliepreg, og du leverer gullområdet som en egen flat form i trykkfilen.

Hvis du likevel trykker en gradient, må du regne med at den blir litt mørkere og mindre livlig enn på skjermen. Gjør høylyset litt lysere, unngå svært lange subtile partier som kan få striper, og be om et prøvetrykk før et stort opplag.

Å designe med gull

Gull leses som eksklusivt når det er sjeldent. En tynn kant, et monogram, ett ord i en overskrift, en skillelinje: på en mørk bunn av svart, marineblå, oksblodrød eller dyp grønn. Dekk en hel plakat med gull, og den blir messingaktig. Svart og gull gradient har kombinasjoner for den mest klassiske sammensetningen, og design for luksusmerker viser hvordan gull passer inn i en stram identitet.

Vil du ha et varmt uttrykk som ligger bak hvert design i stedet for å bygges på nytt hver gang, kan du søke i Gradiently-Markedet med fargeord som «varmt gull» eller «bronse». Hver Mark er en levende bakgrunn med lys og korn, som bare kan ha én eier om gangen og holder det roligste området bak ordene dine i alle størrelser.