Guldgradient: koder til metallisk guld, der ser ægte ud

En guldgradient ligner ægte metal, når den dækker et bredt spænd af lysstyrke: en dyb brun skygge, en dæmpet okkerfarvet midte, et smalt blegt cremefarvet højlys og så ned til brun igen. Den klassiske kode at tage udgangspunkt i er linear-gradient(135deg, #5c3d12, #b8862b, #f3dc9a, #c79a3c, #7a5418). De fleste guldgradienter fejler, fordi de bruger to klare gule og orange toner uden rigtig skygge eller højlys, og det læses som orange maling og ikke som metal.

Guldgradientkoder, du kan kopiere

Hvorfor din guldgradient ser orange ud

På skærme er guld en illusion lavet af kontrast. Der findes ingen guldpixel, kun brune og gule toner, arrangeret så øjet læser en reflekterende flade. Når noget går galt, går det som regel galt på én af fire måder.

Orange-problemet er det mest almindelige, fordi den gule, du vælger i en farvevælger, ofte ser for bleg ud, så folk skubber den varmere. Lad være: hold mellemtonens nuance omkring okker, cirka hvor gul møder brun, og lad kontrasten levere skinnet. Er det en almindelig varm overgang, du egentlig vil have, dækker gul gradient og orange gradient dem direkte.

Sådan belyser du guld, så det ser ægte ud

1. 1

   Start fra skyggen

   Vælg en dyb, varm brun. Den skal være mørk nok til, at hvid tekst kan læses på den.

2. 2

   Tilføj én dæmpet mellemtone

   En okkerfarvet guldtone, let afmættet. Det er den farve, folk husker, så det meste af fladen ligger her.

3. 3

   Placér et smalt højlys

   En bleg creme i et tyndt bånd, uden for midten. Jo smallere det er, jo mere skinnende ser metallet ud.

4. 4

   Vend tilbage til skygge

   Fald tilbage til en mørkere okker efter højlyset, så lyset læses som en refleksion på en buet flade.

5. 5

   Tilføj et andet, svagere højlys

   Valgfrit: et blødere løft nær den fjerne ende, som om et andet lys fanger kanten. Det får flade former til at føles runde.

Guld reflekterer som ethvert poleret metal, så den samme logik som bag kromtekst-effekten gælder, bare varmere og med blødere overgange. Guldgradienter med lange, subtile forløb kan få bånd efter komprimering, og bånddannelse i gradienter forklarer, hvordan fint korn forhindrer det.

Guldtekst 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);
}

Guldgradienter passer til seriffer og skrift med høj kontrast i store størrelser. Under omkring 24 pixel udvisker skygge og højlys sig til en ensartet brun, så sæt lille tekst i en ensfarvet guldtone som #c79a3c i stedet, og tjek dens kontrast mod baggrunden. Gradienttekst dækker browserstøtten til klipningsteknikken.

Guldgradienter på tryk

En guldgradient er et billede af metal, ikke metal. Trykt i almindelig firefarvet tryk bliver den til brune og gule toner, der antyder glans, hvilket er fint til flyers og plakater, men aldrig rigtig reflekterende. Til invitationer, visitkort og emballage, hvor ægte glans betyder noget, bruger trykkerier metalliske farver eller foliepræg, og du leverer guldområdet som en separat, flad form i grafikken.

Trykker du en gradient, så regn med, at den bliver en anelse mørkere og mindre levende end på skærmen. Gør højlyset en smule lysere, undgå meget lange, subtile forløb, der kan få bånd, og bed om en prøve, før du trykker et stort oplag.

Design med guld

Guld læses som kostbart, når det er sjældent. En tynd kant, et monogram, ét ord i en overskrift, en skillelinje: på en mørk bund af sort, marineblå, okseblodsrød eller dyb grøn. Dækker du en hel plakat med guld, bliver den messingagtig. Sort og guld gradient har kombinationer til den mest klassiske sammensætning, og luksusbranding viser, hvordan guld passer ind i en afdæmpet identitet.

Vil du have et varmt udtryk, der ligger bag hvert design i stedet for at blive bygget forfra hver gang, så søg i Gradiently Markedet med farveord som »varmt guld« eller »bronze«. Hver Mark er en levende baggrund med lys og korn, som kun kan have én ejer ad gangen og holder sit roligste område bag dine ord i hver størrelse.