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.

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.
| 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.
| 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.
| VALUE | CSS | |
|---|---|---|
| HEX | #ffbf00 | #ffbf00 |
| RGB DECIMAL | 255, 191, 0 | RGB(255,191,0) |
| RGB PERCENTAGE | 100.0, 74.9, 0.0 | RGB(100.0%,74.9%,0.0%) |
| CMYK | 0, 25, 100, 0 | |
| HSL | HSL(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 |
| BINARY | 11111111, 10111111, 00000000 | |
| iOS - SwiftUI | Color(red: 1.000, green: 0.749, blue: 0.000) | |
| iOS - UIKit | UIColor(red: 1.000, green: 0.749, blue: 0.000, alpha: 1) | |
| Android - Compose | Color(0xFFFFBF00) |


