Die Farbe Gelb ist ein leuchtender und fröhlicher Ton, der Glück und Energie ausstrahlt. Auf dem Farbkreis liegt Gelb zwischen Grün und Orange und ist ein auffälliger Farbton, der mit seiner lebendigen Ausstrahlung begeistert.

Gelb wird durch folgende Farbwerte definiert, um Konsistenz über verschiedene digitale Plattformen und Geräte hinweg zu gewährleisten.
- HEX-Code: #FFDE21
- RGB-Wert: 100 % Rot, 87,1 % Grün und 12,9 % Blau
Barrierefreiheit spielt eine entscheidende Rolle bei der Farbwahl im UX- und UI-Design. Die Figma-Community bietet Plugins an, mit denen du sicherstellen kannst, dass deine Designs den Web Content Accessibility Guidelines entsprechen.
Hier sind einige Möglichkeiten, Gelb in Designs zu verwenden:
- Aufmerksamkeit erregen. Nutze Gelb, um Elemente wie Buttons, Warnungen oder Icons hervorzuheben. Seine natürliche Helligkeit zieht die Blicke auf sich und ist ideal für wichtige Navigationselemente.
- Positivität fördern. Integriere Gelb, um eine freundliche, einladende Atmosphäre zu schaffen. Seine Assoziation mit Glück und Wärme kann Nutzer optimistischer und engagierter machen.
- Sichtbarkeit verbessern. Gelb bietet hervorragenden Kontrast zu dunkleren Tönen für bessere Lesbarkeit und Hervorhebung.
- Energie kommunizieren. Setze Gelb in dynamischen oder kreativen Umgebungen ein, um Energie zu vermitteln und zu inspirieren. Es ist ideal für Plattformen, die Innovation, Kreativität oder Jugendlichkeit fördern.
Bedenke, dass Farbe und ihre Bedeutung je nach Kultur und Kontext variieren können. Wenn du für ein internationales Publikum gestaltest, informiere dich über die Farbsymbolik in den jeweiligen Regionen.
Für Variationen innerhalb des gleichen lebendigen und energetisierenden Spektrums wie Gelb, ziehe folgende Farben in Betracht:
- Zitronengelb (#FFF44F) bietet ein helles, reines Gelb, das die sonnige und fröhliche Essenz von Gelb teilt.
- Bernstein (#FFBF00) fügt einen Hauch von Orange hinzu und bietet einen tieferen, goldenen Ton, der die Lebendigkeit von Gelb beibehält.
- Senfgelb (#FFDB58) präsentiert ein gedämpftes, erdiges Gelb, das die Wärme von Gelb mit einer zurückhaltenden Intensität widerspiegelt.
- Safran (#F4C430) bietet ein leicht orange-getöntes Gelb, das den reichen Farbton des Gewürzes einfängt und exotische Wärme hinzufügt.
Um die hellen Töne von Gelb zu ergänzen, kombiniere es mit:
- Marineblau (#000080) bietet einen tiefen, reichen Kontrast, der die Helligkeit von Gelb hervorhebt.
- Grau (#898989) bietet einen neutralen Hintergrund, der Gelb lebendig hervorstechen lässt.
- Lavendel (#D3D3FF) ist eine sanfte, zarte Farbe, die subtil mit der Wärme von Gelb harmoniert.
- Türkis (#069494) vereint Blau- und Grüntöne, die sich wunderbar mit der Lebhaftigkeit von Gelb ausbalancieren.
- Weiß (#FFFFFF) schafft einen klaren, sauberen Look, der das leichte und luftige Gefühl von Gelb verstärkt.
Weitere Farben, die in Betracht gezogen werden sollten, sind tiefes Grün für eine natürliche Ausstrahlung, Rot für einen auffälligen Effekt und Schwarz für eine mutige, klassische Kombination.
Obwohl Gelb vielseitig ist, kann es mit folgenden Farben kollidieren:
- Dunkles Lila (#800080) kann die Leichtigkeit von Gelb überwältigen und zu einem unharmonischen visuellen Eindruck führen.
- Olivgrün (#808000) kann die Lebendigkeit von Gelb durch seine gedämpfte Erdigkeit abschwächen.
- Knalliges Pink (#FF69B4) konkurriert mit Gelb um Aufmerksamkeit und kann eine visuell störende Kombination erzeugen.
- Dunkelbraun (#654321) kann Gelb überschatten und es ausgewaschen erscheinen lassen.
- Leuchtendes Rot (#FF0000) kann Gelb übermächtig erscheinen lassen, was die Kombination zu aggressiv für die Augen macht.
Gelb steht für Freude und Optimismus und ruft Wärme hervor. Es ist kulturell mit Wohlstand, Reichtum und Weisheit verbunden und bietet ein breites Spektrum an emotionaler und kultureller Bedeutung.
Psychologisch steigert Gelb die geistige Aktivität und Energie, zieht Aufmerksamkeit auf sich und fördert die Kommunikation. Sein lebendiger Farbton kann die Konzentration verbessern und die Stimmung heben, was es zu einem effektiven Stimulus in vielen Umgebungen macht.
Im UI/UX-Design kann die lebendige Präsenz von Gelb die Benutzerbindung verbessern, indem sie Schnittstellen einladend und energiegeladen macht. Es unterstützt das Markenimage als innovativ und benutzerfreundlich, indem es mit seiner Helligkeit herausragende Designs schafft, die Interaktion und Positivität fördern.
Gelb wurde im Laufe der Jahrhunderte verwendet, um das Wesen von Licht und Leben einzufangen. In der Antike gewannen Menschen gelbes Pigment aus Tonerde, um Sonne und Sterne auf Höhlenwände zu malen, als Symbol des Tageslichts. Die Ägypter verehrten Gelb als Farbe der Sonne, des Goldes und der Unsterblichkeit. Mit Gelb geschmückte Gräber und Schätze waren ein Zeugnis für das ewige Leben.
Während der Renaissance nutzten Künstler wie Vermeer und Rembrandt Gelb, um in ihren Gemälden Erleuchtung und Innovation zu symbolisieren. In China war Gelb dem Kaiser und seinem Palast vorbehalten und stand für Autorität, Ehre und eine Verbindung zum Himmel.
Im späten 19. Jahrhundert fing Vincent van Gogh in seiner „Sonnenblumen“-Serie aus den 1880er Jahren die Essenz von Freude und Lebensnatur ein und zeigte, wie Gelb tiefe Emotionen und Schönheit kommunizieren kann.
Farbvarianten
Schattierungen
Tönungen
Töne
Farbtöne
Farbharmonien
Komplementär
Gespalten
Monochromatisch
Analog
Triadisch
Quadratisch
Eigene Paletten
Dijon-Senf
Sonnenlicht-Prisma
Zitrusfrische
Kontrastprüfer
Kontrast 1,34
- Großer Text
#FFDE21
- Normaler Text
Dein Design, deine Ausrichtung und dein Aufbau zählen. Figma ist für dich da.
| Kategorie | ||
|---|---|---|
Fehlgeschlagen | Fehlgeschlagen | |
Fehlgeschlagen | Fehlgeschlagen | |
Fehlgeschlagen | Fehlgeschlagen |
Kontrast 15,72
- Großer Text
#FFDE21
- Normaler Text
Dein Design, deine Ausrichtung und dein Aufbau zählen. Figma ist für dich da.
| Kategorie | ||
|---|---|---|
Bestanden | Bestanden | |
Bestanden | Bestanden | |
Bestanden | Bestanden |
Farbsimulationen
Protanopie
Deuteranopie
Tritanopie
Achromatopsie
Die hexadezimale Farbe #ffde21, bekannt als Gelb, hat die RGB-Werte R:255, G:222, B:33 und die CMYK-Werte C:0, M:13, Y:87, K:0.
| VALUE | CSS | |
|---|---|---|
| HEX | #ffde21 | #ffde21 |
| RGB DECIMAL | 255, 222, 33 | RGB(255,222,33) |
| RGB PERCENTAGE | 100.0, 87.1, 12.9 | RGB(100.0%,87.1%,12.9%) |
| CMYK | 0, 13, 87, 0 | |
| HSL | HSL(51.1, 100.0%, 56.5%) | HSL(51.1, 100.0%, 56.5%) |
| HSV (OR HSB) | 51.1°, 87.1, 100.0 | |
| WEB SAFE | #25520451 | #25520451 |
| BINARY | 11111111, 11011110, 00100001 | |
| iOS - SwiftUI | Color(red: 1.000, green: 0.871, blue: 0.129) | |
| iOS - UIKit | UIColor(red: 1.000, green: 0.871, blue: 0.129, alpha: 1) | |
| Android - Compose | Color(0xFFFFDE21) |


