Gold Farbe

Gold — Die Farbe des Prestiges und der Leistung

#FFD700Gold

Farbwerte

HEX#FFD700

RGBrgb(255, 215, 0)

HSLhsl(51°, 100%, 50%)

CSSgold

Farbton-Palette

#FFFDE7

100

#FFF9C4

300

#FFF176

500

#FFEE58

700

#F9A825

900

#E65100

Komplementärfarbe

↔

#0028FF

Ultramarine Blue

Analoge Farben

#FFC107

Amber

#FFEC47

Lemon Yellow

CSS-Verwendung

CSS

/* By name */
color: gold;
background-color: gold;

/* By HEX */
color: #FFD700;
background-color: #FFD700;

/* By RGB */
color: rgb(255, 215, 0);

/* By HSL */
color: hsl(51deg, 100%, 50%);

/* With opacity */
color: rgba(255, 215, 0, 0.8);
color: hsl(51deg 100% 50% / 80%);

Gold (#FFD700) hat auf weißem Hintergrund ein sehr geringes Kontrastverhältnis (ca. 1,4:1). Verwenden Sie es niemals als Textfarbe auf hellen Hintergründen. Es eignet sich am besten als Icon-Farbe oder auf dunklen Hintergründen.

Gold (#FFD700) ahmt das Edelmetall nach und symbolisiert Reichtum, Leistung, Exzellenz und Luxus. Im UI-Design wird es am häufigsten für Sternebewertungen, Trophäen, Premium-Abzeichen und Auszeichnungselemente verwendet. Gold leuchtet besonders auf dunklen Hintergründen — die klassische Schwarz-Gold-Kombination ist ein Merkmal von Luxusmarken. Auf hellen Hintergründen fehlt Gold der nötige Kontrast für Text.

Häufige Verwendungsfälle

▸Sternbewertungen — ausgefüllte Sterne in 5-Sterne-Bewertungssystemen
▸Premium-Abzeichen und Mitgliedschaften — Gold/VIP-Stufenanzeigen
▸Auszeichnungs- und Ranking-UIs — Trophäen, Medaillen, Bestenlisten
▸Luxus-E-Commerce — Schmuck und Premium-Marken-Highlights
▸Feiertags- und Saisonal-Themes — Weihnachts- und Festdekorationen
▸Leistungsbenachrichtigungen — In-App-Meilenstein-Popups

Gold Farbe

CSS-Verwendung

Häufige Verwendungsfälle

Verwandte Farben