Sort og guld gradient: luksuskoder med smag

En sort og guld gradient stiller en næsten sort bund over for guld, der er bygget af flere stop frem for én flad farve: en mørk bronze som #8a6d1f, et varmt guld som #d4af37 og et lyst højlys som #f3e5ab. Netop den variation får guld til at læses som metal. Smagfulde versioner bruger også langt mindre guld, end du måske venter, ofte kun et skær i den ene kant eller selve skriften. Her er koderne, CSS til metallisk guldtekst og reglerne, der får parret til at føles dyrt.

Hvorfor fladt guld ser billigt ud

Guld er egentlig ikke en farve; det er et materiale. Det, du genkender som guld, er et mønster af refleksioner: mørk olivenbrun i skyggerne, varm gul i mellemtonerne og næsten hvid, hvor lyset rammer. Én hex-værdi fanger kun en af dem, så et fladt #ffd700 læses som gult eller sennep frem for metal. En gradient med mindst tre stop gør det arbejde, lyset ellers ville gøre.

Koder til metalliske guldgradienter

Det er selve guldfyldene: til en streg, et mærke, et monogram eller gradienttekst. Hver løber mørk, lys, mørk, og det giver indtrykket af en buet, poleret flade, der fanger lyset.

Sort og guld gradient som baggrund

Til en baggrund vender du forholdet om: det sorte gør næsten hele arbejdet, og guldet kommer som et skær, en horisont eller en svag varme i et hjørne. En varm sort med et strejf af brun klæder guld bedre end en ren eller blålig sort.

Mørke gradienter får flere striber end nogen anden slags, og et guldskær på sort er omtrent det værste tilfælde. Et fint kornlag løser det og får som bonus overfladen til at føles som papir eller fløjl. Flere bunde finder du i sorte gradienter.

Sådan holder du sort og guld smagfuldt

Tilbageholdenhed er hele tricket. Luksusemballage viser typisk meget tom, mørk plads og en lille mængde metal, så metallet føles kostbart. Det samme gælder på skærmen. Luksuriøse farvepaletter og luksusdesign dækker det bredere formsprog.

Guldtekst på en sort gradient

Guld læses godt på sort. Tallene nedenfor bruger WCAG-kontrastformlen; 4,5:1 er det sædvanlige minimum til lille tekst og 3:1 til store overskrifter. Spar de mørkere antikke guldtoner til streger og kanter, ikke ord.

Metallisk gradienttekst virker til ét ord eller et kort navn. CSS'en nedenfor beskærer den polerede guldgradient til bogstaverne og beholder en ensfarvet guldreserve. CSS-gradienttekst dækker tilgængelighedssiden.

.luxe {
  background-color: #0a0a0a;
  background-image: radial-gradient(circle at 80% 15%, #5c4813 0%, #1a1408 35%, #0a0a0a 75%);
  color: #f3e5ab;
}

.luxe h1 {
  color: #d4af37; /* fallback */
  background: linear-gradient(135deg, #8a6d1f 0%, #d4af37 30%, #f3e5ab 50%, #d4af37 70%, #8a6d1f 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  letter-spacing: 0.04em;
}

Sort og guld på tryk

Almindeligt firefarvetryk kan ikke gengive metal. En guldgradient trykt i CMYK ender som en brunlig gul, uanset hvor omhyggeligt du bygger den. Til invitationer, visitkort og emballage, hvor guldet betyder noget, bruger du varmfolie eller metallisk farve til guldet og beholder gradienten til skærmen. Gradienter på tryk forklarer mulighederne, og RGB vs CMYK forklarer, hvorfor skærm og papir er forskellige.

Hvor du bruger sort og guld

Sort og guld passer til smykker, ure, parfume, spiritus, hoteller, barberer, fester med sort slips og nytår. Det klæder også dybe vinrøde toner; se bordeaux gradienter. Vil du have et mørkt, varmt udtryk, der er dit alene, er en Gradiently Mark en opskrift af farver, materialer, lys og korn frem for et fladt fyld. Hver Mark har én ejer ad gangen, og når du har sikret dig en, kan en konkurrent ikke eksportere den.