Die Farbe Kupfer ist ein warmer Orange-Braun-Ton mit starken und beruhigenden Eigenschaften. Sie befindet sich im Rotorange-Bereich des Farbkreises und vermittelt ein Gefühl von Beständigkeit und Energie, während sie gleichzeitig eine erdige, geerdete Ausstrahlung hat.

Kupfer wird durch die folgenden Farbwerte definiert, um Konsistenz über verschiedene digitale Plattformen und Geräte hinweg zu gewährleisten.
- HEX-Code: #C68346
- RGB-Wert: 77,6 % Rot, 51,4 % 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, Kupfer in deinen Designs zu verwenden:
- Wärme und Tiefe hinzufügen. Der goldene Schimmer von Kupfer schafft eine einladende und freundliche Benutzererfahrung. Verwende subtile Kupferverläufe für Hintergründe oder Texturen, um Tiefe zu erzeugen, ohne den Nutzer zu überwältigen.
- Natürliche Elemente einbinden. Die warmen, erdigen Töne von Kupfer passen perfekt zu naturinspirierten Designs. Diese natürliche Farbverbindung schafft eine beruhigende und einladende Atmosphäre.
- Ein hochwertiges oder Vintage-Gefühl erzeugen. Kupfer wird oft mit Edelmetallen assoziiert und verleiht einen Hauch von Eleganz und Zeitlosigkeit. Buttons, Icons oder Ränder mit einem subtilen Kupferschimmer können eine Note von Raffinesse hinzufügen. Für ein Vintage-Gefühl integriere Kupfertexturen, die gealterte Kupferoberflächen nachahmen.
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 leuchtenden Spektrums wie Kupfer, ziehe in Betracht:
- Bronze (#CE8946) teilt eine ähnliche warme rotbraune Basis mit Kupfer, aber Bronze neigt etwas mehr ins Graue, was einen gedämpfteren und erdigeren Ton erzeugt.
- Zimt (#D47E30) ist wärmer als Kupfer und kombiniert seine reichen Töne mit einer stärkeren roten Basis für einen lebendigeren Look.
- Roségold (#DEA193) teilt die Wärme von Kupfer, hat aber eine leichtere, rosigere Basis.
- Gebrannte Siena (#ED7B58) ist ein tiefes, rustikales Rotbraun mit erdigen Tönen wie Kupfer, aber mit einem Hauch von Orange.
Um Kupfer zu ergänzen, kombiniere es mit:
- Taupe (#54463A) fungiert als ruhiger, neutraler Hintergrund für Kupferakzente.
- Marineblau (#000080) ergänzt die Wärme von Kupfer und schafft ein luxuriöses Gefühl.
- Creme (#FDFBD4) schafft einen leichten, luftigen Kontrast zur Reichhaltigkeit von Kupfer.
- Türkis (#40E0D0) bietet einen auffälligen und visuell interessanten Kontrast, wenn es mit Kupfer kombiniert wird.
Weitere Farben, die in Betracht gezogen werden sollten, sind Salbeigrün für ein beruhigendes, natürliches Erscheinungsbild, Ringelblume für einen Farbtupfer oder Terrakotta für eine erdige Kombination.
Während Kupfer warm ist, kann es mit folgenden Farben kollidieren:
- Neongrün (#2CFF05) kann die Wärme von Kupfer durch seine extreme Sättigung überlagern.
- Hellblau (#90D5FF) bietet wenig Kontrast zur Reichhaltigkeit von Kupfer und kann eine ausgewaschene Palette erzeugen.
- Orange (#FFA500) kann mit den rotbraunen Tönen von Kupfer kollidieren.
- Schwarz (#000000) schafft ein schweres, dunkles Gefühl, wenn es mit Kupfer kombiniert wird.
- Gelb (#FFDE21) ist stark gesättigt und überlagert die Wärme von Kupfer.
Kupfer steht für Stabilität und Sicherheit, verstärkt durch seine Verbindung zur Natur. In einigen Kulturen wird ihm sogar eine heilende Wirkung nachgesagt.
In der Farbpsychologie übersetzt sich die Wärme von Kupfer in Gefühle von Geborgenheit, Sicherheit und Optimismus. Es kann den Geist anregen und Kreativität fördern. Die rötlichen Töne bieten einen leichten Energieschub und Motivation, während die erdigen Naturtöne ein Gefühl von Vertrauen und Stabilität hervorrufen.
Kupfer kann eine vielseitige Farbe im UI-Design sein. Seine Reichhaltigkeit macht es ideal für Akzente und Highlights, die Aufmerksamkeit auf wichtige Elemente lenken. Die Wärme schafft eine einladende Atmosphäre, perfekt für Schnittstellen, die Entspannung oder Kreativität fördern. Aufgrund seiner visuellen Stärke sollte Kupfer jedoch strategisch eingesetzt werden, um eine überwältigende Wirkung zu vermeiden.
Im Gegensatz zu einigen Farben mit reicher symbolischer Geschichte dreht sich die Geschichte von Kupfer weniger um die Farbe selbst und mehr um das gleichnamige Metall. Das Metall Kupfer geht auf 8000 v. Chr. zurück, als Menschen das natürlich vorkommende Metall für Werkzeuge und andere Gegenstände nutzten.
Künstler haben im Laufe der Geschichte kupferähnliche Farben geschaffen, aber das Wort „Kupfer“ als Farbname tauchte erst 1594 im Englischen auf.
Mit der Entwicklung der Farbtheorie im 18. und 19. Jahrhundert wurde Kupfer als Farbe anerkannt, die die Farbe des Metalls und seinen Namen verbindet. Heute wird die Farbe Kupfer verwendet, um einem Design, Kunstwerken und Schmuck einen Hauch von Eleganz zu verleihen.
Farbvarianten
Schattierungen
Tönungen
Töne
Farbtöne
Farbharmonien
Komplementär
Gespalten
Monochromatisch
Analog
Triadisch
Quadratisch
Eigene Paletten
Kupferholz
Mittelmeer
Hafen
Kontrastprüfer
Kontrast 3,12
- Großer Text
#C68346
- Normaler Text
Dein Design, deine Ausrichtung und dein Aufbau zählen. Figma ist für dich da.
| Kategorie | ||
|---|---|---|
Fehlgeschlagen | Fehlgeschlagen | |
Bestanden | Fehlgeschlagen | |
Bestanden | Fehlgeschlagen |
Kontrast 6,74
- Großer Text
#C68346
- Normaler Text
Dein Design, deine Ausrichtung und dein Aufbau zählen. Figma ist für dich da.
| Kategorie | ||
|---|---|---|
Bestanden | Fehlgeschlagen | |
Bestanden | Bestanden | |
Bestanden | Bestanden |
Farbsimulationen
Protanopie
Deuteranopie
Tritanopie
Achromatopsie
Die hexadezimale Farbe #c68346, bekannt als Kupfer, hat die RGB-Werte R:198, G:131, B:70 und die CMYK-Werte C:0, M:34, Y:65, K:22.
| VALUE | CSS | |
|---|---|---|
| HEX | #c68346 | #c68346 |
| RGB DECIMAL | 198, 131, 70 | RGB(198,131,70) |
| RGB PERCENTAGE | 77.6, 51.4, 27.5 | RGB(77.6%,51.4%,27.5%) |
| CMYK | 0, 34, 65, 22 | |
| HSL | HSL(28.6, 52.9%, 52.5%) | HSL(28.6, 52.9%, 52.5%) |
| HSV (OR HSB) | 28.6°, 64.6, 77.6 | |
| WEB SAFE | #20415351 | #20415351 |
| BINARY | 11000110, 10000011, 01000110 | |
| iOS - SwiftUI | Color(red: 0.776, green: 0.514, blue: 0.275) | |
| iOS - UIKit | UIColor(red: 0.776, green: 0.514, blue: 0.275, alpha: 1) | |
| Android - Compose | Color(0xFFC68346) |


