Figma Farbkreis
Möchtest du die perfekten komplementären oder analogen Farben finden, die zu Senfgelb passen?
Senfgelb ist ein lebendiger, satter Gelbton, der die warmen und würzigen Eigenschaften seines Namensgebers, des gelben Senfs, widerspiegelt. Diese Farbe liegt zwischen den orangefarbenen und gelben Segmenten des Farbkreises und vermittelt ein tieferes und erdigeres Gefühl als andere reine Gelbtöne.
Senfgelb wird durch folgende Farbwerte definiert, um Konsistenz über verschiedene digitale Plattformen und Geräte hinweg zu gewährleisten.
- HEX-Code: #FFCE1B
- RGB-Wert: 100 % Rot, 80,8 % Grün und 10,6 % 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, Senfgelb in deinen Designs zu verwenden:
- Wärme und Optimismus einfließen lassen. Senfgelb kann ein einladendes Gefühl erzeugen, wenn es auf Begrüßungs- oder Ladescreens verwendet wird.
- Erfolg signalisieren. Diese Farbe vermittelt Positivität auf Formularvalidierungsseiten und Fortschrittsbalken, um den Abschluss zu signalisieren.
- Saisonale Designs aufwerten. Nutze die Wärme von Senfgelb, um Herbstdesigns Komfort und Fröhlichkeit zu verleihen.
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 satten Spektrums wie Senfgelb, ziehe folgende Farben in Betracht:
- Gold (#EFBF04) teilt Senfgelbs reiche Gelb- und Orangetöne, ist jedoch etwas dunkler.
- Bernstein (#FFBF00) bringt ein wärmeres, tieferes Gefühl und hat mehr Orangetöne.
- Mimosa (#F2B949) ist gedämpfter und bietet eine ruhige Alternative zu Senfgelb.
- Dijon (#FFD700) ist etwas lebendiger, und seine Brauntöne verleihen ihm eine erdigere Ausstrahlung.
Um Senfgelb zu ergänzen, kombiniere es mit:
- Königsblau (#305CDE) setzt einen kräftigen Kontrast zu Senfgelb und betont dessen Helligkeit.
- Türkis (#069494) balanciert die Wärme von Senfgelb aus und schafft ein beruhigendes und erfrischendes Gefühl.
- Beige (#EDE8D0) spielt sanft mit der Lebendigkeit von Senfgelb durch seine hellen, weichen Töne.
- Königspurpur (#6C3BAA) kombiniert sich mit den satten Tönen von Senfgelb für eine raffiniertere Ausstrahlung.
Weitere Farben, die in Betracht gezogen werden sollten, sind Rost, um die Erdigkeit von Senfgelb zu betonen, Neonlila, um einen verspielten Look zu erzeugen, und Magenta, um die Helligkeit von Senfgelb hervorzuheben.
Während Senfgelb warm ist, kann es mit folgenden Farben im Kontrast stehen:
- Mintgrün (#ADEBB3) kann mit der Sättigung und den warmen Untertönen von Senfgelb kollidieren.
- Elektrischblau (#00F0FF) kann mit Senfgelb konkurrieren und eine überwältigende visuelle Wirkung erzeugen.
- Violett (#7F00FF) kann mit der Erdigkeit und Helligkeit von Senfgelb im Konflikt stehen.
- Dunkelbraun (#422921) kann Senfgelb überlagern und eine unklare Palette schaffen.
Senfgelb steht für Optimismus und Komfort. Seine Wärme vermittelt Erdigkeit und Zufriedenheit, und seine Sättigung strahlt Raffinesse und Eleganz aus.
In der Farbpsychologie weckt Senfgelb Gefühle von Glück und Gemütlichkeit. Es schafft eine einladende Atmosphäre, die Kreativität und Freude fördert.
Im UI-Design verleiht Senfgelb Designs eine positive Note. Verwende es als Akzent oder für erfolgsbasierte Interaktionen, um Nutzer sanft durch Onboarding oder Einreichungen zu führen. Senfgelb ist auch eine großartige Wahl, um Nutzer beim Betreten einer App oder Website zu begrüßen.
Senfgelb ist seit dem 19. Jahrhundert eine beliebte Farbe in der bildenden Kunst. Es spielte eine bedeutende Rolle in der impressionistischen und fauvistischen Kunst. Vincent van Goghs Gemälde „Das Schlafzimmer“ von 1888 zeigt eine ähnliche Senfgelb-Nuance für das Bett und die Stühle. Henri Matisses „Interieur in Gelb“ von 1946 integriert ebenfalls einen ähnlichen Senfgelbton.
Unter Innenarchitektur- und Dekorliebhabern ist dieser warme Gelbton eine beliebte Nuance für Möbel und Farbschemata im Mid-Century-Modern-Stil.
Farbvarianten
Schattierungen
Tönungen
Töne
Farbtöne
Farbharmonien
Komplementär
Gespalten
Monochromatisch
Analog
Triadisch
Quadratisch
Eigene Paletten
Künstlerisches Senf
Neo-Retro
Sonnenstrahl
Kontrastprüfer
Kontrast 1,49
- Großer Text
#FFCE1B
- 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 14,1
- Großer Text
#FFCE1B
- 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 #ffce1b, bekannt als Senfgelb, hat die RGB-Werte R:255, G:206, B:27 und die CMYK-Werte C:0, M:19, Y:89, K:0.
| VALUE | CSS | |
|---|---|---|
| HEX | #ffce1b | #ffce1b |
| RGB DECIMAL | 255, 206, 27 | RGB(255,206,27) |
| RGB PERCENTAGE | 100.0, 80.8, 10.6 | RGB(100.0%,80.8%,10.6%) |
| CMYK | 0, 19, 89, 0 | |
| HSL | HSL(47.1, 100.0%, 55.3%) | HSL(47.1, 100.0%, 55.3%) |
| HSV (OR HSB) | 47.1°, 89.4, 100.0 | |
| WEB SAFE | #25520451 | #25520451 |
| BINARY | 11111111, 11001110, 00011011 | |
| iOS - SwiftUI | Color(red: 1.000, green: 0.808, blue: 0.106) | |
| iOS - UIKit | UIColor(red: 1.000, green: 0.808, blue: 0.106, alpha: 1) | |
| Android - Compose | Color(0xFFFFCE1B) |
