Figma Farbkreis
Möchtest du die perfekten komplementären oder analogen Farben finden, die zu Bronze passen?
Die Farbe Bronze ist ein warmer Braunton mit einem Hauch von Orange, der Ruhe und Stärke ausstrahlt. Diese vielseitige Farbe befindet sich im Bereich der dunklen Orangetöne auf dem Farbkreis und vermittelt ein Gefühl von Stabilität und Kraft.
Bronze wird durch folgende Farbwerte definiert, um Konsistenz über verschiedene digitale Plattformen und Geräte hinweg zu gewährleisten.
- HEX-Code: #CE8946
- RGB-Wert: 80,8 % Rot, 53,7 % Grün und 27,5 % 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, Bronze in deinen Designs zu verwenden:
- Akzente und Highlights. Bronze eignet sich hervorragend als Akzentfarbe für Buttons, Icons oder andere interaktive Elemente und verleiht UI-Designs Wärme und Tiefe.
- Themen betonen. Nutze die reichen Assoziationen und Untertöne von Bronze.
- um Luxus und Wohlstand für hochwertige Marken zu vermitteln oder warme, einladende Herbstkampagnen zu gestalten.
- Vertrauen und Sicherheit etablieren. Die Verbindung von Bronze mit Stärke und Stabilität macht es ideal für Marken in den Bereichen Finanzen, E-Commerce und App-Entwicklung.
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 warmen Spektrums wie Bronze, ziehe folgende Farben in Betracht:
- Dunkelorange (#C76E00) ist der hellere Verwandte von Bronze, mit mehr Wärme und Lebendigkeit.
- Kupfer (#C68346) ist der Grundton von Bronze, mit einem stärkeren Rotanteil.
- Zimt (#D47E30) ist eine lebendige Kombination aus Braun, Orange und Rot, die ein Gefühl von Geborgenheit vermittelt.
- Terrakotta (#E35336) ist ein orangener Rotton, fast pink, oft mit der Wüste assoziiert.
Um Bronze zu ergänzen, kombiniere es mit:
- Kornblumenblau (#6395EE) betont die Wärme von Bronze durch seinen kontrastierenden kühlen Ton.
- Karmesinrot (#B22222) schafft eine beruhigende und einladende Palette in Kombination mit Bronze.
- Beige (#EDE8D0) bietet einen neutralen Kontrast zu Bronze und hebt seine Orangetöne hervor.
- Salbeigrün (#98A869) schafft eine ruhige, beruhigende, von der Natur inspirierte Kombination mit Bronze.
Weitere Farben, die gut mit Bronze harmonieren, sind Marineblau für einen dunkleren Kontrast, Dunkelgrün für einen erdigen Look und Grautöne für eine neutrale Ergänzung.
Obwohl Bronze vielseitig ist, kann es mit folgenden Farben kollidieren:
- Helles Gelb (#FFED29) erzeugt zu viel Kontrast zu Bronze und führt zu Augenbelastung.
- Periwinkle (#CCCCFF) hat einen kühlen Ton, der neben der Wärme von Bronze unausgewogen wirken kann.
- Helles Orange (#FF991C) erzeugt ein disharmonisches Gefühl, da seine warmen Töne ähnlich, aber im Kontrast zu Bronze stehen.
- Pastellgrün (#80EF80) ist ein heller, kühl getönter Grünton, der die Wärme von Bronze abschwächt.
- Knallpink (#FF46A2) bietet zu viel Kontrast zu Bronze und entzieht der Farbe Wärme.
Bronze steht für Wohlstand und Luxus. Es wird auch mit Stärke und Stabilität assoziiert und vermittelt Macht.
In der Farbpsychologie resonieren die warmen, erdigen Töne von Bronze mit unserer Verbindung zur Natur und fördern ein Gefühl der Erdung. Diese Wärme kann auch Gefühle von Geborgenheit und Vertrautheit hervorrufen. Je nach Nuance kann Bronze jedoch auch eine ernstere oder anspruchsvollere Wirkung haben.
Im UI-Design zieht Bronze Aufmerksamkeit auf sich. Es ist eine subtile Wahl für Akzente, die das Auge anzieht und eine Assoziation mit Luxus schafft. Die zeitlose Qualität von Bronze macht es auch zu einer großartigen Farbe für historische Inhalte, Bildungsplattformen oder Interfaces, die einen klassischen und dauerhaften Look anstreben.
Bronze wird am häufigsten mit der Epoche assoziiert, von der es seinen Namen hat: der Bronzezeit. Diese Periode begann um 3300 v. Chr. und dauerte bis etwa 1200 v. Chr. Sie ist bekannt für die Entdeckung von Bronze, das durch das Mischen von Kupfer und Zinn zu einem stärkeren Metall wurde. Diese Entdeckung führte zu bedeutenden Fortschritten in der Zivilisation.
Bronze wurde in vielen praktischen Anwendungen verwendet, darunter Waffen, Skulpturen und Werkzeuge. Der Begriff „Bronze“ wurde erstmals 1753 verwendet, um die tatsächliche Farbe des Metalls zu beschreiben. Aufgrund seiner Bedeutung wird Bronze mit Stärke, Macht und Errungenschaften assoziiert.
Farbvarianten
Schattierungen
Tönungen
Töne
Farbtöne
Farbharmonien
Komplementär
Gespalten
Monochromatisch
Analog
Triadisch
Quadratisch
Eigene Paletten
Bronzezeit
Sonnenwende
Goldene Stunde
Kontrastprüfer
Kontrast 2,88
- Großer Text
#CE8946
- 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 7,29
- Großer Text
#CE8946
- 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 #ce8946, bekannt als Bronze, hat die RGB-Werte R:206, G:137, B:70 und die CMYK-Werte C:0, M:33, Y:66, K:19.
| VALUE | CSS | |
|---|---|---|
| HEX | #ce8946 | #ce8946 |
| RGB DECIMAL | 206, 137, 70 | RGB(206,137,70) |
| RGB PERCENTAGE | 80.8, 53.7, 27.5 | RGB(80.8%,53.7%,27.5%) |
| CMYK | 0, 33, 66, 19 | |
| HSL | HSL(29.6, 58.1%, 54.1%) | HSL(29.6, 58.1%, 54.1%) |
| HSV (OR HSB) | 29.6°, 66.0, 80.8 | |
| WEB SAFE | #20415351 | #20415351 |
| BINARY | 11001110, 10001001, 01000110 | |
| iOS - SwiftUI | Color(red: 0.808, green: 0.537, blue: 0.275) | |
| iOS - UIKit | UIColor(red: 0.808, green: 0.537, blue: 0.275, alpha: 1) | |
| Android - Compose | Color(0xFFCE8946) |
