Zu Hauptinhalten gehen

Bernstein

Alles, was du über Bernstein 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 Bernstein ist warm und einladend, sie vereint den goldenen Glanz von Gelb mit der Fülle von Orange. Sie strahlt eine sonnige, fröhliche Atmosphäre aus, die das Wesen ihres Namensgebers, des fossilen Baumharzes, einfängt. Bernstein liegt zwischen Gelb und Orange auf dem Farbkreis und eignet sich perfekt, um Designs mit einer Prise Wärme und Leuchtkraft zu bereichern und visuelle Elemente mit ihrer strahlenden und gemütlichen Ausstrahlung zu verstärken.

color Bernsteincolor Bernstein

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

  • HEX-Code: #FFBF00
  • RGB-Wert: 100 % Rot, 74,9 % Grün und 0 % 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.

Die reichen, goldenen Töne von Bernstein bringen Wärme und Lebendigkeit ins UI-Design. So nutzt du sein Potenzial effektiv:

  • Kontrast und Hierarchie schaffen. Bernstein eignet sich hervorragend, um eine klare visuelle Hierarchie zu etablieren, indem es sich von hellen und dunklen Hintergründen abhebt. Verwende es für Titel, Buttons oder andere Schlüsselelemente, um die Lesbarkeit zu verbessern und den Blick des Nutzers durch deine Inhalte zu führen.
  • Positive Emotionen hervorrufen. Der warme Glanz von Bernstein schafft eine gemütliche und einladende Atmosphäre in Web- und App-Oberflächen. Stell dir eine Reisebuchungsplattform vor, die mit Bernstein-Akzenten die Wärme und Aufregung eines Traumurlaubs hervorruft.
  • Nutzerinteraktion lenken. Als Akzentfarbe ist Bernstein ideal, um interaktive Elemente hervorzuheben. Nutze es, um die Aufmerksamkeit der Nutzer zu lenken und zur Interaktion zu ermutigen, wie bei einem „Jetzt buchen“-Button.

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 strahlenden und warmen Spektrums wie Bernstein, ziehe folgende Farben in Betracht:

  • Goldrute (#DAA520) fängt das Wesen von Bernstein mit einer etwas gedämpfteren Leuchtkraft ein und vermittelt das warme, natürliche Gefühl von Spätsommerfeldern.
  • Ringelblume (#FBE870) ist heller und fröhlicher und bietet einen sonnigen, heiteren Farbton, der Bernsteins einladende Wärme und lebendige Energie teilt.
  • Safran (#F4C430) bringt einen Hauch von Orange ein und spiegelt Bernsteins goldenen Glanz mit einem leicht exotischen und würzigen Unterton wider.
  • Senf (#FFDB58) ist eine gedämpftere Version, die die Wärme von Bernstein beibehält und eine Prise Erdigkeit für eine zurückhaltendere Anziehungskraft hinzufügt.

Um Bernsteins leuchtende Töne zu ergänzen, kombiniere es mit:

  • Tiefes Teal (#00585E) bietet einen reichen, kontrastierenden Hintergrund, der Bernsteins Helligkeit hervorhebt und die Tiefe von Ozeanwasser gegen einen Sonnenuntergang evoziert.
  • Anthrazitgrau (#4A4A4A) bietet ein neutrales, elegantes Gleichgewicht zu Bernsteins Lebendigkeit und verleiht der Palette moderne Eleganz.
  • Elfenbein (#FFFFE3) ist weich und leicht und schafft einen sanften Kontrast, der Bernsteins Wärme für eine gemütliche, einladende Atmosphäre verstärkt.
  • Pflaume (#8E4585) fügt eine tiefe, luxuriöse Ergänzung hinzu, die sich wunderschön mit Bernstein für eine reiche, herbstliche Stimmung paart.
  • Waldgrün (#2E6F40) erdet die Palette mit seinem tiefen, natürlichen Ton, der die Farben eines sonnenbeschienenen Waldes widerspiegelt und Bernsteins erdige Qualitäten hervorhebt.

Weitere Farben, die in Betracht gezogen werden sollten, sind Marineblau für einen klassischen, würdevollen Look, Creme für eine weiche, harmonische Mischung und Burgunder für einen mutigen, dramatischen Kontrast.

Obwohl Bernstein vielseitig ist, kann es mit folgenden Farben kollidieren:

  • Leuchtendes Pink (#FF69B4) kann zu grell und lebhaft sein und Bernsteins natürlichen Glanz mit einem Kontrast überschattet, der sich störend anfühlen kann.
  • Limettengrün (#89F336), mit seiner hohen Intensität, könnte Bernsteins Wärme schmälern und eine visuell unruhige Kombination schaffen.
  • Elektrisches Blau (#00F0FF) bietet einen kühlen, lebhaften Kontrast, der die Subtilität und Wärme von Bernstein überschattet und zu einem Energieclash führt.
  • Neonorange (#FFA500), obwohl es im Spektrum nahe liegt, kann zu direkt mit Bernstein konkurrieren, was zu einer Palette führt, die an Unterscheidung und Balance fehlt.
  • Leuchtendes Lila (#800080), obwohl königlich, kann Bernsteins goldenen Glanz mit seiner Dominanz übertönen und potenziell einen disharmonischen visuellen Effekt erzeugen.

Mit seiner natürlichen Schönheit und sonnenähnlichen Ausstrahlung steht Bernstein für Wärme, Geborgenheit und Nostalgie. Seine gelben Aspekte bringen Helligkeit und Optimismus, während seine orangefarbenen Töne Kreativität inspirieren. In verschiedenen Kulturen variiert der Wert von Bernstein: Im antiken Griechenland galt er als göttliches Geschenk Apollons, das ewiges Leben symbolisiert; in der chinesischen Kultur steht er für Mut und Stärke. In der Tradition der amerikanischen Ureinwohner ist er ein schützender Talisman.

In der Farbpsychologie fördert Bernsteins fröhlicher Farbton Energie, stimuliert die Sinne und weckt Begeisterung und Aufregung.

Im UI/UX-Design macht Bernstein Benutzeroberflächen ansprechender. Er hebt wichtige Funktionen wie CTAs und Benachrichtigungen hervor und verbessert das Nutzerengagement. Bernstein kann eine warme, einladende Atmosphäre schaffen und seine psychologischen Effekte nutzen, um das Benutzererlebnis zu verbessern. Dies kann die Marke freundlich und lebendig erscheinen lassen.

Der Name Bernstein stammt von dem Material Bernstein – einem fossilen Baumharz, das seit Jahrhunderten für seine natürliche Schönheit und seinen warmen Glanz bewundert wird. Die englische Sprache dokumentierte erstmals die Verwendung von „amber“ als Farbbezeichnung im Jahr 1500.

Historisch gesehen wurde Bernstein mit Magie, Spiritualität und sogar Heilung in Verbindung gebracht. Alte Zivilisationen fertigten aus Bernstein Schmuck, Amulette und dekorative Objekte, die oft Symbole von Reichtum und Status waren.

Farbvarianten

Schattierungen

Tönungen

Töne

Farbtöne

Farbharmonien

Komplementär

Gespalten

Monochromatisch

Analog

Triadisch

Quadratisch

Eigene Paletten

Honigwabe

Sonniger Tag

Frisch gepresst

Kontrastprüfer

Kontrast 1,65

Großer Text

#FFBF00

Normaler Text

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

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

Kontrast 12,7

Großer Text

#FFBF00

Normaler Text

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

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

Farbsimulationen

Protanopie

Deuteranopie

Tritanopie

Achromatopsie

Die hexadezimale Farbe #ffbf00, bekannt als Bernstein, hat die RGB-Werte R:255, G:191, B:0 und die CMYK-Werte C:0, M:25, Y:100, K:0.

VALUECSS
HEX#ffbf00#ffbf00
RGB DECIMAL255, 191, 0RGB(255,191,0)
RGB PERCENTAGE100.0, 74.9, 0.0RGB(100.0%,74.9%,0.0%)
CMYK0, 25, 100, 0
HSLHSL(44.9, 100.0%, 50.0%)HSL(44.9, 100.0%, 50.0%)
HSV (OR HSB)44.9°, 100.0, 100.0
WEB SAFE#2552040#2552040
BINARY11111111, 10111111, 00000000
iOS - SwiftUIColor(red: 1.000, green: 0.749, blue: 0.000)
iOS - UIKitUIColor(red: 1.000, green: 0.749, blue: 0.000, alpha: 1)
Android - ComposeColor(0xFFFFBF00)
Farbpalette abrufen