Die wichtigsten gelben Hex-Codes
Wenn du nur einen Code brauchst: Reines Gelb ist #FFFF00 (CSS "yellow"), also Rot und Grün auf Maximum, kein Blau. Ein wärmeres Goldgelb ist #FFD700 (CSS "gold").
- Gelb (CSS "yellow") — #FFFF00 · RGB(255, 255, 0) · HSL(60°, 100%, 50%), das reine, leuchtende Gelb.
- Goldgelb (CSS "gold") — #FFD700 · RGB(255, 215, 0) · HSL(51°, 100%, 50%), wärmer und satter.
- Hellgelb (CSS "lightyellow") — #FFFFE0 · RGB(255, 255, 224) · HSL(60°, 100%, 94%), ein sehr blasses Gelb für Hintergründe.
- Zitronencreme (CSS "lemonchiffon") — #FFFACD · RGB(255, 250, 205) · HSL(54°, 100%, 90%), ein sanftes Pastellgelb.
- Helles Goldrutengelb (CSS "lightgoldenrodyellow") — #FAFAD2 · RGB(250, 250, 210) · HSL(60°, 80%, 90%), ein blasses Gelb mit leichtem Grünstich.
- Khaki (CSS "khaki") — #F0E68C · RGB(240, 230, 140) · HSL(54°, 77%, 75%), ein sandiges Gelb.
- Blasses Goldrutengelb (CSS "palegoldenrod") — #EEE8AA · RGB(238, 232, 170) · HSL(55°, 67%, 80%), ein strohfarbenes Gelb.
- Goldrute (CSS "goldenrod") — #DAA520 · RGB(218, 165, 32) · HSL(43°, 74%, 49%), ein tiefes Senfgelb.
- Dunkle Goldrute (CSS "darkgoldenrod") — #B8860B · RGB(184, 134, 11) · HSL(43°, 89%, 38%), ein dunkles Ockergelb.
- Dunkles Khaki (CSS "darkkhaki") — #BDB76B · RGB(189, 183, 107) · HSL(56°, 38%, 58%), ein gedämpftes Olivgelb.
Gelb in RGB, HSL und CMYK
Ein Hex-Code ist eine Kurzschreibweise für drei RGB-Werte: #FFFF00 bedeutet Rot 255, Grün 255 und Blau 0. Nimmst du etwas Grün weg, wird das Gelb wärmer und goldener; fügst du Blau hinzu, wird es heller und cremiger.
CMYK-Richtwerte (rechnerisch aus RGB): Gelb #FFFF00 = CMYK(0%, 0%, 100%, 0%), also reine gelbe Druckfarbe. Goldgelb #FFD700 ≈ CMYK(0%, 16%, 100%, 0%). Goldrute #DAA520 ≈ CMYK(0%, 24%, 85%, 15%).
Gelb lesbar einsetzen
Weißer Text auf reinem Gelb ist kaum lesbar, weil beide Farben sehr hell sind. Für Buttons und Banner kombinierst du Gelb besser mit Schwarz oder Dunkelblau. Gelber Text auf weißem Grund funktioniert nur mit dunklen Tönen wie Dunkle Goldrute #B8860B — und auch dann nur für große Schrift.
Warum ein Hex-Code allein beim Umfärben nicht reicht
Der Hex-Code legt die Zielfarbe fest, aber nicht die Helligkeit jeder Stelle. Eine flächige Füllung mit #FFFF00 lässt Falten und Schatten verschwinden — das Ergebnis wirkt aufgemalt.
Im LAB-Farbraum sind Helligkeit (L) und Farbe (A und B) getrennt. So kannst du zum Beispiel eine blaue Jacke gelb färben und dabei die Lichter und Schatten des Fotos behalten. In Recolorify wählst du das Objekt aus, fügst den Hex-Code ein und nutzt einen Modus, der Textur oder Schattierung erhält.
Farben, die gut zu Gelb passen
- Gelb + Schwarz (#0A0A0A) — der stärkste Kontrast, bekannt aus Warnschildern.
- Gelb + Marineblau (#0B1F3A) — fröhlich, aber seriös.
- Gelb + Weiß (#FFFFFF) — frisch für Lebensmittel und Sommerkampagnen.
- Gelb + Grau (#9CA3AF) — modern und ausgewogen.
Gelb auf eigene Bilder anwenden
Mit Recolorify kannst du Kleidung gelb färben, ein Produktfoto in mehreren Gelbtönen zeigen oder dein Logo umfärben — mit exaktem Hex-Code statt nach Augenmaß.
Weitere Gelbtöne wie Senf, Zitrone und Safran findest du im englischen yellow color codes guide. Für Orangetöne gibt es unseren deutschen Leitfaden zu orangefarbenen Hex-Codes.
Häufige Fragen zu gelben Hex-Codes
Was ist der Hex-Code für Gelb? Reines Gelb ist #FFFF00, also RGB(255, 255, 0).
Was ist der Hex-Code für Goldgelb? Das CSS-Gold ist #FFD700, also RGB(255, 215, 0).
Was ist der Farbcode für Hellgelb? Hellgelb ("lightyellow") ist #FFFFE0; etwas kräftiger ist Zitronencreme #FFFACD.
Wie gebe ich einen gelben Farbcode in Excel ein? Unter "Füllfarbe" → "Weitere Farben" → "Benutzerdefiniert" die RGB-Werte eintragen, zum Beispiel 255, 255, 0 für reines Gelb.
