Markt
Prijzen
InloggenBegin
PraktijkgidsIdeeën en trends
Ideeën en trends

Goud kleurverloop: codes voor metallic goud dat echt oogt

Digitaal goud ziet er meestal uit als sinaasappelsap of mosterd. Echt goud is vooral bruine schaduw, een beetje oker en één bleke lichtflits. Hier zijn codes die het goed doen, en waarom ze werken.

GradientlyGeverifieerd Gradiently-account·1 oktober 2026·5 min lezen
Cover: Clover Daybreak · GR·JP8G·RY

De korte versie

  • Een realistisch goud kleurverloop loopt van een diepbruine schaduw via een gedempte okerkleurige middentint naar een bleke crème highlight en dan terug naar schaduw.
  • Goud lijkt oranje als de kleuren te verzadigd en te rood zijn en als vlak geel als het een donkere schaduw en een bijna witte highlight mist.
  • Metallic goud hangt af van contrast: de donkerste en lichtste stops moeten qua helderheid ver uit elkaar liggen, met een smalle highlight.
  • In CSS is goudtekst een gouden lineair kleurverloop dat met background-clip: text op de letters wordt bijgesneden.
  • Goud ziet er het kostbaarst uit als je het spaarzaam gebruikt, op een donkere ondergrond zoals zwart, marineblauw of diepgroen.
Op deze pagina
Codes voor een goud kleurverloop om te kopiërenWaarom je goud kleurverloop oranje lijktZo belicht je goud zodat het echt oogtGoudtekst in CSSGoudverlopen in drukOntwerpen met goud

Een goud kleurverloop oogt als echt metaal als het een breed helderheidsbereik beslaat: een diepbruine schaduw, een gedempt okerkleurig midden, een smalle bleke crème highlight en weer terug naar bruin. De klassieke code om mee te beginnen is linear-gradient(135deg, #5c3d12, #b8862b, #f3dc9a, #c79a3c, #7a5418). De meeste goudverlopen mislukken omdat ze twee felle gele en oranje tinten gebruiken zonder echte schaduw of highlight, wat leest als oranje verf en niet als metaal.

Codes voor een goud kleurverloop om te kopiëren

Zes goudtinten, elk met een donkere schaduw en een smalle lichte highlight. De eerste vijf zijn voor letters, randen en vormen, de laatste is een achtergrond.
De goudkleurcodes achter Klassiek goud, van schaduw tot highlight, plus een spiegelend crème om alleen in een streepje te gebruiken, als het al nodig is.

Waarom je goud kleurverloop oranje lijkt

Op schermen is goud een illusie gemaakt van contrast. Er bestaat geen goudkleurige pixel, alleen bruinen en gelen die zo zijn geschikt dat het oog een weerkaatsend oppervlak leest. Als er iets misgaat, gaat het meestal op een van vier manieren mis.

OranjeMiddentinten te rood en te verzadigd

Oplossing

Schuif tinten naar geeloker en verlaag de verzadiging
Vlak geel

Waarom

Geen donkere schaduw, geen bleke highlight

Oplossing

Voeg een bruine stop bij de uiteinden en een crèmekleurige stop in het midden toe
Bruin of modderig

Waarom

Highlight te donker, te veel doffe stops

Oplossing

Til de highlight tot bijna crème en versmal de donkere zones
GroenigGelen te koel, schaduwen te grijs

Oplossing

Verwarm de schaduwen naar bruin in plaats van olijf of grijs
Het lijktWaaromOplossing
OranjeMiddentinten te rood en te verzadigdSchuif tinten naar geeloker en verlaag de verzadiging
Vlak geelGeen donkere schaduw, geen bleke highlightVoeg een bruine stop bij de uiteinden en een crèmekleurige stop in het midden toe
Bruin of modderigHighlight te donker, te veel doffe stopsTil de highlight tot bijna crème en versmal de donkere zones
GroenigGelen te koel, schaduwen te grijsVerwarm de schaduwen naar bruin in plaats van olijf of grijs
De vier klassieke goudfouten en hoe je ze elk verhelpt.

Het oranjeprobleem is het meest voorkomende omdat het geel dat je in een kleurkiezer kiest vaak te bleek lijkt, waardoor mensen het warmer maken. Doe dat niet: houd de middentint rond oker, grofweg waar geel in bruin overgaat, en laat contrast de glans leveren. Als je eigenlijk een gewone warme overgang wilt, behandelen geel kleurverloop en oranje kleurverloop die rechtstreeks.

Zo belicht je goud zodat het echt oogt

  1. 1

    Begin bij de schaduw

    Kies een diep, warm bruin. Het moet donker genoeg zijn dat witte tekst erop leest.

  2. 2

    Voeg één gedempte middentint toe

    Een okerkleurig goud, licht onderverzadigd. Dit is de kleur die mensen zich herinneren, dus het grootste deel van het oppervlak zit hier.

  3. 3

    Plaats een smalle highlight

    Een bleek crème in een dunne band, naast het midden. Hoe smaller hij is, hoe glanzender het metaal oogt.

  4. 4

    Keer terug naar schaduw

    Val na de highlight terug op een donkerder oker, zodat het licht als weerspiegeling op een gebogen oppervlak leest.

  5. 5

    Voeg een tweede, zwakkere highlight toe

    Optioneel: een zachtere opleving bij het andere uiteinde, alsof een tweede lamp de rand raakt. Het laat vlakke vormen rond aanvoelen.

Goud weerkaatst als elk gepolijst metaal, dus dezelfde logica als achter het chroom-teksteffect geldt, alleen warmer en met zachtere overgangen. Goudverlopen met lange, subtiele stukken kunnen na compressie banding laten zien. Banding in kleurverlopen legt uit hoe fijne korrel dat voorkomt.

Goudtekst in CSS

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);
}
Gouden koptekst en een dunne gouden scheidingslijn. De terugvalkleur verschijnt waar bijsnijden met een kleurverloop niet wordt ondersteund.

Goudverlopen passen bij schreeflettertypen en letters met hoog contrast op grote formaten. Onder ongeveer 24 pixels lopen schaduw en highlight uit tot een egaal bruin, dus zet kleine tekst in een effen goudtint zoals #c79a3c en controleer het contrast met de achtergrond. Tekst met kleurverloop behandelt de browserondersteuning voor de bijsnijtechniek.

Goudverlopen in druk

Een goud kleurverloop is een plaatje van metaal, geen metaal. In gewone vierkleurendruk komt het uit als bruinen en gelen die glans suggereren, wat prima is voor flyers en posters maar nooit echt weerkaatsend. Voor uitnodigingen, visitekaartjes en verpakkingen waar echte glans telt, gebruiken drukkers metallic inkt of folieprint, en lever je het goudgebied als aparte vlakke vorm in het ontwerp aan.

Druk je wel een kleurverloop, verwacht dan dat het iets donkerder en minder levendig uitkomt dan op het scherm. Maak de highlight een tikje helderder, vermijd heel lange subtiele stukken die banding kunnen geven en vraag een proef voor een grote oplage.

Ontwerpen met goud

Goud leest als kostbaar als het zeldzaam is. Een dunne rand, een monogram, één woord in een kop, een scheidingslijn: op een donkere ondergrond van zwart, marineblauw, ossenbloed of diepgroen. Bedek een hele poster met goud en het wordt koperachtig. Zwart en goud kleurverloop heeft combinaties voor de meest klassieke combinatie en luxe merkontwerp laat zien hoe goud in een ingetogen identiteit past.

Winterbal
Een avond in goud.
Zaterdag om zeven uur, black tie
Gradiently · @gradiently

Een uitnodiging van 5×7 inch: een donkere ondergrond met warm metallic licht en woorden in rustig crème.

Fijne juwelen, met de hand.

Een juwelierspost waarin goud alleen als licht op het oppervlak verschijnt, nooit als grote vlakke vulling.

Wil je een warme look die achter elk ontwerp leeft in plaats van elke keer opnieuw te worden gebouwd, zoek dan op de Markt van Gradiently met kleurwoorden als ‘warm goud’ of ‘brons’. Elke Mark is een levende achtergrond met licht en korrel, die op elk moment maar één eigenaar kan hebben en zijn rustigste gebied op elk formaat achter je woorden houdt.

Vind een kleurverloop dat alleen van jou is

Blader door duizenden Marks, ontwerp er gratis mee en claim de Mark die bij je past.

Bekijk de Markt

Vragen die mensen stellen

Wat is de beste code voor een goud kleurverloop?

Een goed beginpunt is linear-gradient(135deg, #5c3d12, #b8862b, #f3dc9a, #c79a3c, #7a5418): bruine schaduw, okerkleurige middentint, bleke highlight en terug naar schaduw.

Welke hexcodes maken metallic goud?

Combineer een donker brons als #5c3d12, een oud goud als #b8862b, een metallic goud als #c79a3c en een bleke highlight als #f3dc9a.

Waarom ziet mijn goud kleurverloop er oranje uit?

De middentinten zijn te rood en te verzadigd. Schuif ze naar geeloker, verlaag de verzadiging en voeg een donkerbruine schaduw en een bleke crème highlight toe voor contrast.

Hoe maak ik goudtekst in CSS?

Pas een gouden lineair kleurverloop toe als achtergrond en gebruik dan background-clip: text en -webkit-text-fill-color: transparent, met een effen gouden color als terugval.

Welke kleur past het best bij goud?

Zwart, marineblauw, diepgroen, ossenbloed en warm crème. Donkere ondergronden laten goud het helderst en kostbaarst ogen.

Deel deze gids

Geschreven door GradientlyGeverifieerd Gradiently-account

Het team achter Gradiently, een ontwerptool rond Marks: levende kleurverlopen die alles wat je ontwerpt op jou laten lijken.

Bekijk ons profiel

Op deze pagina

Codes voor een goud kleurverloop om te kopiërenWaarom je goud kleurverloop oranje lijktZo belicht je goud zodat het echt oogtGoudtekst in CSSGoudverlopen in drukOntwerpen met goud

Deel deze gids

Volgende in Ideeën en trends

Zilververloop: metallic codes en hoe je ze belicht

Lees verder

Alle gidsen over Ideeën en trends
Kleur

Zwart-gouden verlopen: luxe codes met smaak

5 min lezen

Zwart en goud is de steno voor luxe, en het palet dat het makkelijkst goedkoop oogt. Het verschil zit bijna altijd in hoe het goud is opgebouwd en hoe weinig je ervan gebruikt.

Ideeën en trends

Luxe merkontwerp: wat beeld duur laat voelen

5 min lezen

Een dure look gaat vooral over wat je weglaat. Zo werken terughoudendheid, kleur, letter, ruimte en materiaal samen, met paletten, combinaties en codes die je vandaag kunt gebruiken.

Ideeën en trends

Chrome-teksteffect: metallic letters en achtergronden

5 min lezen

Chrome is niet grijs. Het is een spiegel van de wereld eromheen, samengeperst op het oppervlak van een letter. Als je dat begrijpt, kost overtuigende chrome-tekst één verloop en een paar minuten.

Vind de look die alleen van jou is.

Elke Mark is een levende achtergrond met één eigenaar. Probeer een beschikbare Mark en claim de jouwe als het goed voelt.

Begin met ontwerpen

Controleer een certificaat

Typ een certificaatnummer of de code van een Mark om te zien wie hem bezit.

Werkt met ChatGPT en Claude

Vraag je AI om een ontwerp. Hij maakt het in jouw Mark, klaar om te bewerken.

ChatGPTClaude
Zo verbind je

Product

  • Markt
  • Verkennen
  • Prijzen
  • Certificaten

Leren

  • Praktijkgids
  • Helpcentrum
  • Wat is er nieuw

Ontwikkelaars

  • Overzicht
  • ChatGPT en Claude
  • API-referentie
  • API-keys

Bedrijf

  • Over ons
  • Contact
  • Inloggen

Juridisch

  • Voorwaarden
  • Privacy
  • Terugbetalingen
  • Mark-bescherming
  • Cookies
  • Alle beleidsstukken
Beweeg over de letters. Elke letter draagt een echte Mark.Raak een letter aan om zijn Mark te zien.Eén naam. Tien Marks erin.
© 2026 Gradiently