Die Kurzfassung
- Ein Schwarz-Gold-Farbverlauf kombiniert einen fast schwarzen Grund mit Gold aus mehreren Stopps, meist ein dunkles Bronze, ein warmes Gold wie #d4af37 und ein blasses Highlight wie #f3e5ab.
- Flaches Gold sieht auf dem Bildschirm wie Senf aus, denn echtes Gold wirkt nur dann wie Metall, wenn Licht und Schatten darüber wandern.
- Schwarz und Gold wirkt am teuersten, wenn das Gold nur einen kleinen Teil des Designs einnimmt, etwa ein Licht am Rand, eine Linie oder die Schrift.
- Goldschrift wie #d4af37 auf fast Schwarz erreicht etwa 9:1 Kontrast und ist damit für Überschriften und kurze Zeilen gut lesbar.
- Gedrucktes Gold aus gewöhnlichen Farben wirkt nie metallisch, nimm also Folie oder Metallicfarbe, wenn es auf das Echte ankommt.
Auf dieser Seite
Ein Schwarz-Gold-Farbverlauf stellt einen fast schwarzen Grund einem Gold gegenüber, das aus mehreren Stopps statt aus einer flachen Farbe aufgebaut ist: ein dunkles Bronze wie #8a6d1f, ein warmes Gold wie #d4af37 und ein blasses Highlight wie #f3e5ab. Diese Abstufung lässt Gold wie Metall wirken. Geschmackvolle Versionen verwenden zudem viel weniger Gold, als du erwarten würdest, oft nur ein Glühen an einem Rand oder die Schrift selbst. Hier findest du die Codes, das CSS für metallische Goldschrift und die Regeln, die die Kombination hochwertig halten.
Warum flaches Gold billig wirkt
Gold ist eigentlich keine Farbe, sondern ein Material. Was du als Gold erkennst, ist ein Muster aus Reflexionen: dunkles Olivbraun in den Schatten, warmes Gelb in den Mitteltönen, fast Weiß dort, wo das Licht trifft. Ein einzelner Hex-Wert fängt nur eines davon ein, deshalb wirkt ein flaches #ffd700 gelb oder senffarben statt metallisch. Ein Verlauf mit mindestens drei Stopps leistet, was das Licht täte.
Codes für metallische Gold-Verläufe
Das sind die Goldfüllungen selbst: für eine Linie, ein Abzeichen, ein Monogramm oder Verlaufsschrift. Jede läuft von dunkel über hell zu dunkel, was den Eindruck einer gewölbten, polierten Fläche erweckt, die Licht einfängt.
Schwarz-Gold-Verläufe als Hintergrund
Beim Hintergrund kehrst du die Proportionen um: Das Schwarz leistet fast die ganze Arbeit, und das Gold kommt als Glühen, Horizont oder leichte Wärme in einer Ecke. Ein warmes Schwarz mit einem Hauch Braun passt besser zu Gold als ein reines oder blaustichiges Schwarz.
Dunkle Verläufe bekommen mehr Streifen als alle anderen, und ein Goldglühen auf Schwarz ist ungefähr der schlimmste Fall. Eine feine Körnungsebene behebt das und lässt die Fläche nebenbei wie Papier oder Samt wirken. Mehr Gründe findest du unter Schwarze Verläufe.
So bleibt Schwarz-Gold geschmackvoll
Wirkt billig
- Flaches Gelbgold wie
#ffd700 - Gold über der Hälfte des Designs
- Goldene Leuchthöfe hinter jedem Wort
- Gold auf reinem Blauschwarz
- Verzierte Schrift, Gold und Prägeeffekte auf einmal
Wirkt teuer
- Gold aus drei oder mehr Stopps
- Gold an einer Stelle: ein Licht, eine Linie oder der Name
- Schlichte, gut gesetzte Schrift ohne Effekte
- Gold auf warmem Schwarz
- Eine elegante Schrift, großzügige Ränder
Zurückhaltung ist der ganze Trick. Luxusverpackungen zeigen meist viel leere dunkle Fläche und wenig Metall, damit das Metall kostbar wirkt. Auf dem Bildschirm gilt dasselbe. Luxus-Farbpaletten und Luxus-Design behandeln die weitere Formensprache.
Goldschrift auf einem schwarzen Verlauf
Gold liest sich gut auf Schwarz. Die Werte unten nutzen die WCAG-Kontrastformel; 4,5:1 ist das übliche Minimum für kleine Schrift und 3:1 für große Überschriften. Heb dir die dunkleren Antikgoldtöne für Linien und Rahmen auf, nicht für Wörter.
#0a0a0aText
#d4af37Kontrast
Einsatz
#0a0a0aText
#b8860bKontrast
Einsatz
#14110aText
#c9a227Kontrast
Einsatz
#1a1408Text
#f3e5abKontrast
Einsatz
#0a0a0aText
#8a6d1fKontrast
Einsatz
Metallische Verlaufsschrift funktioniert für ein einzelnes Wort oder einen kurzen Namen. Das CSS unten beschneidet den polierten Goldverlauf auf die Buchstaben und behält eine einfarbige Gold-Ersatzfarbe. CSS-Verlaufsschrift behandelt die Barrierefreiheit.
.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;
}Ein Juwelier-Post: warmes Schwarz, ein Goldlicht, schlichte Schrift.
Eine Silvester-Story mit einem Goldhorizont am unteren Rand.
Schwarz und Gold im Druck
Normaler Vierfarbdruck kann Metall nicht wiedergeben. Ein Goldverlauf in CMYK wird zu bräunlichem Gelb, so sorgfältig du ihn auch aufbaust. Für Einladungen, Visitenkarten und Verpackungen, bei denen Gold zählt, nimm Heißfolie oder Metallicfarbe für die goldenen Teile und behalte den Verlauf für den Bildschirm. Verläufe im Druck erklärt die Möglichkeiten, und RGB vs. CMYK erklärt, warum Bildschirm und Papier sich unterscheiden.
Wo du Schwarz und Gold einsetzt
Schwarz und Gold passt zu Schmuck, Uhren, Parfüm, Spirituosen, Hotels, Barbershops, Black-Tie-Events und Silvester. Es verträgt sich auch gut mit tiefen Weinroten; siehe Burgunder-Verläufe. Wenn du einen dunklen, warmen Look willst, der nur dir gehört, ist ein Gradiently Mark ein Rezept aus Farben, Materialien, Licht und Körnung statt einer flachen Füllung. Jeder Mark hat zur Zeit genau einen Besitzer, und sobald du dir einen sicherst, kann ihn ein Mitbewerber nicht exportieren.
Häufige Fragen
Was ist der Hex-Code für metallisches Gold?
Ein weit verbreitetes metallisches Gold ist #d4af37. Für ein überzeugendes Metall kombinierst du es in einem Verlauf mit einem dunklen Bronze wie #8a6d1f und einem blassen Highlight wie #f3e5ab.
Wie erstelle ich einen Goldverlauf in CSS?
Nimm einen symmetrischen linearen Verlauf, der dunkel, hell, Highlight, hell, dunkel läuft, zum Beispiel linear-gradient(135deg, #8a6d1f 0%, #d4af37 30%, #f3e5ab 50%, #d4af37 70%, #8a6d1f 100%).
Ist Goldschrift auf Schwarz lesbar?
Ja. Metallisches Gold #d4af37 auf fast Schwarz erreicht etwa 9:1 Kontrast. Für lange Passagen liest sich ein blasseres Champagnergold angenehmer.
Warum wirkt mein Schwarz-Gold-Design billig?
Meist, weil das Gold ein einzelnes flaches Gelb ist, es zu viel davon gibt oder es Leuchthöfe und Prägeeffekte trägt. Baue Gold aus mehreren Stopps auf und setze es an einer Stelle ein.
Kann ich einen Schwarz-Gold-Verlauf drucken?
Das geht, aber CMYK-Gold sieht bräunlich gelb statt metallisch aus. Nimm Folie oder Metallicfarbe für Gold, das glänzen soll.
Geschrieben von Gradiently
Das Team hinter Gradiently, einem Designtool rund um Marks: lebendige Farbverläufe, durch die alles, was du gestaltest, nach dir aussieht.
Unser Profil ansehen