
Figma-Farbkreis
Möchtest du die perfekten komplementären oder analogen Farben finden, die zu Gelb passen?
Zu Hauptinhalten gehen
Alles, was du über Gelb wissen musst, um dein nächstes Design zu inspirieren.
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:
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:
Um die hellen Töne von Gelb zu ergänzen, kombiniere es mit:
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:
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.
Schattierungen
Tönungen
Töne
Farbtöne
Komplementär
Gespalten
Monochromatisch
Analog
Triadisch
Quadratisch
Dijon-Senf
Sonnenlicht-Prisma
Zitrusfrische
Kontrast 1,34
#FFDE21
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
#FFDE21
Dein Design, deine Ausrichtung und dein Aufbau zählen. Figma ist für dich da.
| Kategorie | ||
|---|---|---|
Bestanden | Bestanden | |
Bestanden | Bestanden | |
Bestanden | Bestanden |
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) |

Möchtest du die perfekten komplementären oder analogen Farben finden, die zu Gelb passen?

Entdecke die warme und sonnengeküsste Farbe Bernstein.

Erfahre mehr über die Farbe Pfirsich.