Cremeweiß wird durch die folgenden Farbwerte definiert, um Konsistenz über verschiedene digitale Plattformen und Geräte hinweg zu gewährleisten.
- HEX-Code: #F2F0EF
- RGB-Wert: 94,9 % Rot, 94,1 % Grün, 93,7 % 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, wie du Cremeweiß in deinen Designs verwenden kannst:
- Wichtige Informationen hervorheben. Die Schlichtheit von Cremeweiß passt gut zu kräftigeren Tönen. Verwende es als Hintergrund für Akzente, CTA-Buttons und Icons.
- Negativen Raum schaffen. Nutze Cremeweiß, um negativen Raum auf einer Seite oder in einem Layout zu schaffen, was Unordnung reduziert und ein Gefühl von Leichtigkeit vermittelt.
- Eine Grundlage für Inhalte legen. Cremeweiß ist ideal als heller Hintergrund für text- oder iconlastige Oberflächen, um Lesbarkeit zu gewährleisten und die Augen zu schonen.
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 markanten Spektrums wie Cremeweiß, ziehe folgende Farben in Betracht:
- Weiß (#FFFFFF) ist ein hellerer, reinerer Ton als Cremeweiß.
- Elfenbein (#FFFFE3) fügt einen subtilen Gelbstich hinzu und wirkt dadurch etwas wärmer.
- Beige (#EDE8D0) ist ein ähnlicher neutraler Ton, der etwas dunkler ist.
- Creme (#FDFBD4) bietet eine höhere Sättigung und einen stärkeren Gelbton, während es weiterhin Komfort ausstrahlt.
Um Cremeweiß zu ergänzen, kombiniere es mit:
- Türkis (#40E0D0) hat ein klares, luftiges Gefühl, das gut mit Cremeweiß in tropischen Paletten harmoniert.
- Marineblau (#000080) kann mit Cremeweißfür eine elegante nautische Kombination kombiniert werden.
- Scharlachrot (#ED2100) sticht neben Cremeweiß kühn hervor und verleiht Raffinesse und Lebendigkeit.
- Cognac (#A2574F) ergänzt die neutralen Töne von Cremeweiß mit Reichtum, Herzhaftigkeit und Tiefe.
Cremeweiß passt gut zu vielen Farben, aber andere, die in Betracht gezogen werden sollten, sind Olivgrün für ein erdiges Flair, Schwarz für einen kräftigen Kontrast und Maroon für eine beliebte akademische Kombination.
Während Cremeweiß sauber und einfach ist, kann es mit folgenden Farben kollidieren:
Cremeweiß steht für Frieden, Eleganz und Neuanfänge. Es teilt auch spezifische Assoziationen mit reinem Weiß, wie Güte, Spiritualität und Unschuld.
In der Farbpsychologie ruft Cremeweiß ein Gefühl von Komfort, Zartheit und Raffinesse hervor. Seine Einfachheit kann auch Gefühle von Klarheit und Leichtigkeit hervorrufen, besonders wenn es mit anderen beruhigenden Farben kombiniert wird.
Im UI-Design kann Cremeweiß großzügig verwendet werden, ohne überwältigend zu wirken. Es ist eine großartige Wahl für angenehme, gedämpfte Hintergründe und andere prominente Designelemente. Es harmoniert auch gut mit einer Vielzahl von kräftigen Tönen, was es sehr vielseitig macht.
Cremeweiß ist eines der frühesten bekannten Pigmente und stammt aus der Altsteinzeit, wo es in Höhlenmalereien auftauchte. In den 1930er Jahren hatte sich Cremeweiß als Farbe in Mode und Dekor etabliert, um kräftige Paletten zu ergänzen oder für sich allein zu stehen. Heute ist es beliebter denn je, wobei einige Farbenhersteller Hunderte von verschiedenen Cremeweiß-Tönen in ihren Katalogen anbieten.
Farbvarianten
Schattierungen
Tönungen
Töne
Farbtöne
Farbharmonien
Komplementär
Gespalten
Monochromatisch
Analog
Triadisch
Quadratisch
Eigene Paletten
Leere Seite
Yacht Club
Saubere Ästhetik
Kontrastprüfer
Kontrast 1,14
- Großer Text
#F2F0EF
- 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 18,49
- Großer Text
#F2F0EF
- 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 #f2f0ef, bekannt als cremeweiß, hat die RGB-Werte R:242, G:240, B:239 und die CMYK-Werte C:0, M:1, Y:1, K:5.
| VALUE | CSS | |
|---|---|---|
| HEX | #f2f0ef | #f2f0ef |
| RGB DECIMAL | 242, 240, 239 | RGB(242,240,239) |
| RGB PERCENTAGE | 94.9, 94.1, 93.7 | RGB(94.9%,94.1%,93.7%) |
| CMYK | 0, 1, 1, 5 | |
| HSL | HSL(20.0, 10.3%, 94.3%) | HSL(20.0, 10.3%, 94.3%) |
| HSV (OR HSB) | 20.0°, 1.2, 94.9 | |
| WEB SAFE | #255255255 | #255255255 |
| BINARY | 11110010, 11110000, 11101111 | |
| iOS - SwiftUI | Color(red: 0.949, green: 0.941, blue: 0.937) | |
| iOS - UIKit | UIColor(red: 0.949, green: 0.941, blue: 0.937, alpha: 1) | |
| Android - Compose | Color(0xFFF2F0EF) |
