Zu Hauptinhalten gehen

Creme

Alles, was du über Creme wissen musst, um dein nächstes Design zu inspirieren.

Farbpalette abrufen

Wähle eine Farbe aus

Hex

RGB

HSB

HSL

Paletteneinstellungen wählen

Benutzerdefinierte Paletten

Die Farbe Creme ist ein vielseitiger, neutraler Farbton von hellem Gelb, der mühelos verschiedene Paletten ausbalancieren kann. Dieser sanfte Pastellton liegt am Rand des Farbkreises zwischen Gelb und Orange und verleiht dieser tertiären Nuance eine sanfte Wärme, die besonders gut mit anderen Pastelltönen harmoniert, um Eleganz und Klasse zu vermitteln.

color Cremecolor Creme

In der digitalen Welt wird Creme durch spezifische Farbwerte und Codes dargestellt, um Konsistenz über Plattformen und Geräte hinweg zu gewährleisten.

  • HEX-Code: #FDFBD4
  • RGB-Wert: 99,2 % Rot, 98,4 % Grün und 83,1 % 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, Creme in deinen Designs zu verwenden:

  • Lesbarkeit verbessern und Augenbelastung reduzieren. Creme ist sanfter für die Augen als reines Weiß. Verwende es als Hintergrundfarbe mit kontrastreichem Text in Schwarz oder Marineblau, um die Lesbarkeit und Interaktion mit deinem Design zu erleichtern.
  • Wärme und Komfort ausstrahlen. Der weiche, warme Ton von Creme schafft eine einladende Atmosphäre im Webdesign und in Benutzeroberflächen. Es harmoniert gut mit ähnlichen warmen Farben und fördert eine freundliche und einladende Umgebung für Nutzer.
  • Professionalität vermitteln. Creme ist ideal für Oberflächen, die ein professionelles, kohärentes Erscheinungsbild erfordern, wie z. B. Geschäftsanwendungen, E-Commerce-Seiten und digitale Portfolios.
  • Visuelle Hierarchie etablieren. Lenke die Aufmerksamkeit auf deine wichtigsten Elemente mit kontrastreichen Farbkombinationen, die Creme beinhalten. Ein cremefarbener Hintergrund mit einem Button in einer markanten Farbe kann Nutzern helfen, sich auf deiner Website oder Plattform zurechtzufinden.

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 cremeweißen Spektrums wie Creme, ziehe folgende Farben in Betracht:

  • Elfenbein (#FFFFE3) ist etwas heller und strahlt klassische Eleganz aus.
  • Beige (#EDE8D0) liegt näher an einem hellen Braun mit einem rustikalen, erdigen Gefühl.
  • Seashell (#FFF1E7) ähnelt einem zarten Rosa mit weichen rosa Untertönen.
  • Champagner (#F7E6CA) bietet mehr Wärme mit einem einladenden, raffinierten Charme.

Um Creme zu ergänzen, kombiniere es mit:

  • Periwinkle (#CCCCFF) schafft eine verträumte Palette mit weichen bläulich-violetten Untertönen.
  • Pastellblau (#B3EBF2) ist ein frischer Hauch, der einen spielerischen, kühlen Kontrast bietet.
  • Lavendel (#D3D3FF) kombiniert mit Creme in einer romantischen, eleganten Verbindung.
  • Mintgrün (#ADEBB3) kontrastiert das neutrale Creme mit einem erfrischenden, ruhigen Ton.

Creme harmoniert auch gut mit Pastelltönen in einer frischen Frühlingspalette oder mit lebhaften Gelb- und Orangetönen, um einen energiegeladenen Look zu kreieren.

Obwohl Creme eine neutrale Farbe ist, kann es mit folgenden Farben kollidieren:

  • Königsblau (#305CDE) schafft einen scharfen Kontrast zur sanften Wärme von Creme.
  • Rosenrot (#FA003F) kann die Neutralität von Creme mit seiner hohen Sättigung und Intensität stören.
  • Gelbgrün (#CCFF00) erzeugt eine kränkliche Palette, die Creme seiner Wärme beraubt.
  • Aquamarin (#66F1C2) kann Creme überwältigen und ein unruhiges Design mit einem unpersönlichen Gefühl schaffen.

Creme vermittelt Gefühle von Raffinesse und Gelassenheit, indem es die Reinheit von Weiß mit der Wärme von Gelb kombiniert. Diese Farbe symbolisiert oft Reinheit und Professionalität, und ihre sanfte Wärme bringt ein Gefühl von Eleganz und Vertrautheit. In verschiedenen kulturellen Kontexten steht Creme für Ruhe und unaufdringlichen Luxus.

In der Farbpsychologie wird Creme als beruhigend und tröstlich angesehen. Es ist weniger hart als Weiß, was es augenfreundlicher und förderlicher für Entspannung macht. Die Assoziation von Creme mit Wärme und Weichheit macht es oft zur bevorzugten Wahl in Umgebungen, die eine einladende und ruhige Atmosphäre schaffen wollen.

Im UI-Design ist Creme als neutraler Hintergrund, der Lesbarkeit und visuellen Komfort verbessert, sehr effektiv, da es die Härte von reinem Weiß vermeidet. Es funktioniert gut in minimalistischen und lebendigen Designs, da sein sanfter Hintergrund kräftigere Farben ergänzt, ohne um Aufmerksamkeit zu konkurrieren.

Die erste dokumentierte Verwendung von „Creme“ als Farbname geht auf das Jahr 1590 zurück, inspiriert von dem blassen Farbton von Sahne. Während der Renaissance wurde diese Farbe von Künstlern als Basis für die Darstellung von Hauttönen bevorzugt. Historisch gesehen hat Creme Bescheidenheit und Raffinesse repräsentiert und wurde häufig für Textilien und Kleidung in verschiedenen Kulturen verwendet. Auch heute noch macht seine langjährige Assoziation mit unaufdringlichem Luxus es zu einer klassischen Wahl in modernen Designs.

Farbvarianten

Schattierungen

Tönungen

Töne

Farbtöne

Farbharmonien

Komplementär

Gespalten

Monochromatisch

Analog

Triadisch

Quadratisch

Eigene Paletten

Alte Fotografie

Lavendelfelder

Wüstenoase

Kontrastprüfer

Kontrast 1,05

Großer Text

#FDFBD4

Normaler Text

Dein Design, deine Ausrichtung und dein Aufbau zählen. Figma ist für dich da.

Das ist #FDFBD4 Text auf einem #FFFFFF Hintergrund.
Kategorie
Fehlgeschlagen
Fehlgeschlagen
Fehlgeschlagen
Fehlgeschlagen
Fehlgeschlagen
Fehlgeschlagen

Kontrast 19,93

Großer Text

#FDFBD4

Normaler Text

Dein Design, deine Ausrichtung und dein Aufbau zählen. Figma ist für dich da.

Das ist #FDFBD4 Text auf einem #000000 Hintergrund.
Kategorie
Bestanden
Bestanden
Bestanden
Bestanden
Bestanden
Bestanden

Farbsimulationen

Protanopie

Deuteranopie

Tritanopie

Achromatopsie

Die hexadezimale Farbe #fdfbd4, bekannt als Creme, hat die RGB-Werte R:253, G:251, B:212 und die CMYK-Werte C:0, M:1, Y:16, K:1.

VALUECSS
HEX#fdfbd4#fdfbd4
RGB DECIMAL253, 251, 212RGB(253,251,212)
RGB PERCENTAGE99.2, 98.4, 83.1RGB(99.2%,98.4%,83.1%)
CMYK0, 1, 16, 1
HSLHSL(57.1, 91.1%, 91.2%)HSL(57.1, 91.1%, 91.2%)
HSV (OR HSB)57.1°, 16.2, 99.2
WEB SAFE#255255204#255255204
BINARY11111101, 11111011, 11010100
iOS - SwiftUIColor(red: 0.992, green: 0.984, blue: 0.831)
iOS - UIKitUIColor(red: 0.992, green: 0.984, blue: 0.831, alpha: 1)
Android - ComposeColor(0xFFFDFBD4)
Farbpalette abrufen