Zu Hauptinhalten gehen

Beige

Alles, was du über Beige 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

Beige ist eine helle und vielseitige neutrale Farbe, die sanft die weichen Töne von Braun und Weiß vereint. Dieser Farbton befindet sich am helleren Ende des Braunspektrums auf dem Farbkreis. Er ähnelt einem blassen Creme und bietet eine warme, zurückhaltende Eleganz.

color Beigecolor Beige

Beige wird durch folgende Farbwerte definiert, um Konsistenz über verschiedene digitale Plattformen und Geräte hinweg zu gewährleisten.

- HEX-Code: #EDE8D0

- RGB-Wert: 92,9 % Rot, 91 % Grün und 81,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.

Um Beige effektiv im UI-Design zu nutzen, beachte Folgendes:

  • Schaffe ein dezentes und elegantes Interface. Beige bietet einen neutralen Hintergrund, der Wärme und Raffinesse ausstrahlt, ideal für Designs, die eine zurückhaltende Eleganz anstreben.
  • Verbessere Lesbarkeit und Komfort. Seine sanften Töne können die Augen schonen, was das Lesen und Navigieren in deiner UI für Nutzer angenehmer macht, besonders bei Anwendungen mit viel Text oder längeren Sitzungen.
  • Kombiniere mit kräftigen Akzentfarben. Nutze Beige zusammen mit kräftigeren Tönen wie tiefem Blau oder Burgunderrot, um Kontraste zu schaffen und wichtige Elemente hervorzuheben, ohne die ruhige und harmonische Gesamtwirkung zu verlieren.
  • Vermittle Zuverlässigkeit und Stabilität. Beiges Assoziation mit Ruhe und Zuverlässigkeit macht es geeignet für Marken, die ein vertrauenswürdiges und stabiles Image durch ihre digitale Präsenz vermitteln möchten.

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 sanften und neutralen Spektrums wie Beige, ziehe folgende Farben in Betracht:

  • Creme (#FDFBD4) bietet eine leichtere, luftigere Version von Beige und verleiht Räumen eine sanfte, beruhigende Wärme, während die neutrale Einfachheit erhalten bleibt.
  • Hellbraun (#D6B588) ist etwas dunkler und bringt eine erdige Note ein, die an die Farbe von unbehandeltem Leder erinnert und eine warme, einladende Präsenz ähnlich wie Beige hat.
  • Khaki (#F0E68C) führt einen leicht gelben Unterton ein, der an die natürliche und gedämpfte Ästhetik von Militäruniformen erinnert.
  • Taupe (#54463A), obwohl generell dunkler, teilt Beiges Mischung aus Braun- und Grautönen und bietet eine tiefere, aber ebenso vielseitige und neutrale Option.

Um Beiges zurückhaltende Töne zu ergänzen, kombiniere es mit:

  • Altrosa (#DCA1A1) bringt ein sanftes, gedämpftes Rosa ein, das sich wunderbar mit Beige harmoniert und einen Hauch von Farbe hinzufügt, ohne dessen subtile Eleganz zu überwältigen.
  • Salbeigrün (#9DC183) bringt einen Hauch von Natur und eine ruhige Atmosphäre, schafft eine erfrischende, harmonische Palette, die die organischen Qualitäten von Beige betont.
  • Mitternachtsblau (#272757) bietet einen tiefen, reichen Kontrast, der der luftigen Leichtigkeit von Beige eine Note von Raffinesse und Tiefe verleiht, für einen ausgewogenen, eleganten Look.
  • Gebranntes Orange (#BE5103) fügt Wärme und lebendige Energie hinzu und bietet eine gemütliche, herbstliche Ergänzung zu Beiges neutraler, beruhigender Basis.
  • Anthrazitgrau (#4A4A4A), als solider und moderner Neutralton, passt nahtlos zu Beige und verankert die Palette mit seiner starken, zeitgenössischen Kante.

Andere Farben, die in Betracht gezogen werden sollten, sind sanftes Lavendel für eine zarte, verspielte Palette, helles Türkis für einen subtilen, erfrischenden Kontrast und metallisches Silber oder Gold für Glamour und Raffinesse.

Obwohl Beige unglaublich vielseitig ist, kann es mit folgenden Farben kollidieren:

  • Neongrün (#89F336) kann zu lebhaft sein und die sanfte Subtilität von Beige mit seiner hohen Intensität und Helligkeit überschatten.
  • Elektrisches Blau (#00F0FF), mit seinem kräftigen, lebendigen Ton, könnte zu stark im Kontrast zu Beige stehen und eine visuelle Spannung erzeugen, die von Beiges ruhiger Qualität ablenkt.
  • Knalliges Pink (#FF69B4) bietet einen starken, lebhaften Kontrast, der die neutrale, beruhigende Wirkung von Beige überwältigen kann, was zu einer potenziell unharmonischen Kombination führt.
  • Leuchtendes Rot (#FF0000), obwohl eine klassische und kräftige Farbe, könnte zu stark und überwältigend sein, wenn es mit der sanften und zurückhaltenden Natur von Beige kombiniert wird.
  • Lila (#800080), obwohl königlich und tief, könnte mit Beiges Leichtigkeit konkurrieren und potenziell eine schwere und weniger kohärente Palette schaffen.

Beige steht für Einfachheit, Ruhe und Neutralität. Sein erdiger Ton verbindet es mit der natürlichen Welt und ruft ein Gefühl von Stabilität und Zuverlässigkeit hervor. In der Farbpsychologie wird Beige oft als Farbe der Einfachheit und des Komforts gesehen, die eine beruhigende Präsenz bietet, die Entspannung und Gelassenheit fördert.

Im Branding und UI/UX-Design vermittelt Beige ein Gefühl von Praktikabilität und Zeitlosigkeit und schafft eine ruhige und einladende Atmosphäre. Beiges Neutralität macht es zu einer kraftvollen Wahl, um eine Aura von müheloser Eleganz und zurückhaltendem Luxus zu kommunizieren.

Beige stammt vom französischen Wort für natürliche, ungebleichte, ungefärbte Wolle. Im frühen 20. Jahrhundert wurde Beige populär, als die Modeindustrie es wegen seiner Einfachheit und Authentizität annahm. Designer wie Coco Chanel spielten eine Schlüsselrolle dabei, Beige von einer praktischen Farbe zu Raffinesse und Eleganz zu verwandeln. Chanel integrierte Beige in ihre Designs in den 1920er Jahren und verband es mit zurückhaltendem Luxus und zeitlosem Stil. Im Innendesign ist Beige ein Grundpfeiler für die Schaffung minimalistischer und moderner Räume und ist bekannt dafür, Wärme und Geräumigkeit zu verleihen.

Farbvarianten

Schattierungen

Tönungen

Töne

Farbtöne

Farbharmonien

Komplementär

Gespalten

Monochromatisch

Analog

Triadisch

Quadratisch

Eigene Paletten

Vanillebohne

Strandansichten

Boho Beige

Kontrastprüfer

Kontrast 1,23

Großer Text

#EDE8D0

Normaler Text

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

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

Kontrast 17,05

Großer Text

#EDE8D0

Normaler Text

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

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

Farbsimulationen

Protanopie

Deuteranopie

Tritanopie

Achromatopsie

Die hexadezimale Farbe #ede8d0, bekannt als Beige, hat die RGB-Werte R:237, G:232, B:208 und die CMYK-Werte C:0, M:2, Y:12, K:7.

VALUECSS
HEX#ede8d0#ede8d0
RGB DECIMAL237, 232, 208RGB(237,232,208)
RGB PERCENTAGE92.9, 91.0, 81.6RGB(92.9%,91.0%,81.6%)
CMYK0, 2, 12, 7
HSLHSL(49.7, 44.6%, 87.3%)HSL(49.7, 44.6%, 87.3%)
HSV (OR HSB)49.7°, 12.2, 92.9
WEB SAFE#255255204#255255204
BINARY11101101, 11101000, 11010000
iOS - SwiftUIColor(red: 0.929, green: 0.910, blue: 0.816)
iOS - UIKitUIColor(red: 0.929, green: 0.910, blue: 0.816, alpha: 1)
Android - ComposeColor(0xFFEDE8D0)
Farbpalette abrufen