Goldverlauf: Codes für Metallic-Gold, das echt aussieht

Ein Goldverlauf wirkt wie echtes Metall, wenn er einen weiten Helligkeitsbereich abdeckt: ein tiefbrauner Schatten, eine gedämpfte Ocker-Mitte, ein schmales helles Cremelicht und wieder hinab zu Braun. Der klassische Code zum Starten ist linear-gradient(135deg, #5c3d12, #b8862b, #f3dc9a, #c79a3c, #7a5418). Die meisten Goldverläufe scheitern, weil sie zwei grelle Gelb- und Orangetöne ohne echten Schatten oder Glanzlicht nutzen, was wie orange Farbe statt wie Metall wirkt.

Goldverlauf-Codes zum Kopieren

Warum dein Goldverlauf orange aussieht

Auf Bildschirmen ist Gold eine Illusion aus Kontrast. Es gibt keinen goldenen Pixel, nur Braun- und Gelbtöne, die so angeordnet sind, dass das Auge eine reflektierende Fläche sieht. Wenn etwas schiefgeht, dann meist auf eine von vier Arten.

Das Orange-Problem ist das häufigste, weil das Gelb, das du in einer Farbauswahl wählst, oft zu blass wirkt und man es deshalb wärmer macht. Widerstehe: Halte den Mittelton-Farbton etwa bei Ocker, ungefähr dort, wo Gelb auf Braun trifft, und lass den Kontrast den Glanz liefern. Wenn du eigentlich einen schlichten warmen Übergang willst, behandeln Gelbverlauf und Orangeverlauf diese direkt.

So leuchtest du Gold, damit es echt wirkt

1. 1

   Beginne beim Schatten

   Wähle ein tiefes, warmes Braun. Es sollte dunkel genug sein, dass weißer Text darauf lesbar wäre.

2. 2

   Füge einen gedämpften Mittelton hinzu

   Ein Ocker-Gold, leicht entsättigt. Das ist die Farbe, an die man sich erinnert, deshalb sitzt der größte Teil der Fläche hier.

3. 3

   Setze ein schmales Glanzlicht

   Ein helles Creme in einem dünnen Band, außermittig. Je schmaler es ist, desto glänzender wirkt das Metall.

4. 4

   Kehre zum Schatten zurück

   Falle nach dem Glanzlicht auf einen dunkleren Ocker zurück, damit das Licht wie eine Spiegelung auf gewölbter Fläche wirkt.

5. 5

   Füge ein zweites, schwächeres Glanzlicht hinzu

   Optional: eine weichere Aufhellung nahe dem anderen Ende, als finge ein zweites Licht die Kante. Sie lässt flache Formen gerundet wirken.

Gold spiegelt wie jedes polierte Metall, deshalb gilt dieselbe Logik wie beim Chrom-Texteffekt, nur wärmer und mit weicheren Übergängen. Goldverläufe mit langen, feinen Abschnitten können nach der Kompression Banding zeigen. Gradient Banding erklärt, wie feines Korn es verhindert.

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

Goldverläufe passen zu Serifen und kontrastreicher Schrift in großen Größen. Unterhalb von etwa 24 Pixeln verschwimmen Schatten und Glanzlicht zu einem gleichmäßigen Braun, setze kleinen Text deshalb in einem einfarbigen Goldton wie #c79a3c und prüfe seinen Kontrast zum Hintergrund. Verlaufstext behandelt die Browser-Unterstützung für die Beschneidungstechnik.

Goldverläufe im Druck

Ein Goldverlauf ist ein Bild von Metall, nicht Metall. Im normalen Vierfarbdruck entstehen Braun- und Gelbtöne, die Glanz andeuten, was für Flyer und Plakate in Ordnung ist, aber nie wirklich spiegelnd. Für Einladungen, Visitenkarten und Verpackungen, bei denen echter Glanz zählt, nutzen Druckereien Metallicfarben oder Heißfolienprägung, und du lieferst die Goldfläche als separate flache Form im Entwurf.

Wenn du einen Verlauf doch druckst, rechne damit, dass er etwas dunkler und weniger lebhaft herauskommt als auf dem Bildschirm. Hellere das Glanzlicht etwas auf, vermeide sehr lange feine Abschnitte, die Banding zeigen können, und bitte vor einer großen Auflage um einen Probedruck.

Mit Gold gestalten

Gold wirkt kostbar, wenn es selten ist. Ein dünner Rand, ein Monogramm, ein Wort in einer Überschrift, eine Trennlinie: auf dunklem Grund aus Schwarz, Marine, Ochsenblut oder tiefem Grün. Bedecke ein ganzes Plakat mit Gold, und es wird messingartig. Schwarz-Gold-Verlauf hat Kombinationen für die klassischste Paarung, und Luxus Branding zeigt, wie Gold in eine zurückhaltende Identität passt.

Für einen warmen Look, der hinter jedem Design lebt, statt jedes Mal neu gebaut zu werden, durchsuche den Markt von Gradiently mit Farbwörtern wie „warmes Gold“ oder „Bronze“. Jeder Mark ist ein lebendiger Hintergrund mit Licht und Korn, der immer nur eine Besitzerin oder einen Besitzer haben kann und seinen ruhigsten Bereich in jeder Größe hinter deinen Worten hält.