Zinnober ist ein lebendiger Rotton mit einem Hauch von Orange. Auf dem Farbkreis liegt er zwischen Rot und Orange und strahlt eine feurige, energetische und eindrucksvolle Wärme aus. Die Farbe fängt die Intensität von tiefen Tönen wie Zinnoberrot und Scharlachrot ein und ist ideal für Designs, die eine mutige, auffällige Präsenz erfordern.
Zinnober wird durch die folgenden Farbwerte definiert, um Konsistenz über verschiedene digitale Plattformen und Geräte hinweg zu gewährleisten.
- HEX-Code: #E84B3D
- RGB-Wert: 91 % Rot, 29,4 % Grün und 23,9 % 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, Zinnober in deinen Designs zu verwenden:
- Wichtige Elemente hervorheben. Nutze Zinnober für Elemente, die du hervorheben möchtest, wie Call-to-Action-Buttons, dringende Benachrichtigungen oder Fortschrittsbalken. Seine Sichtbarkeit stellt sicher, dass diese Elemente nicht übersehen werden.
- Mit neutralen Farben ausbalancieren. Kombiniere Zinnober mit neutralen Farben wie Grau, Schwarz oder Weiß, um seine Intensität auszugleichen. Diese Kombination kann das UI visuell ansprechend machen, ohne den Nutzer zu überfordern.
- Sparsam für kleine Akzente verwenden. Aufgrund seiner starken Präsenz sollte Zinnober sparsam als Akzentfarbe eingesetzt werden, um bestimmte Teile deiner Benutzeroberfläche hervorzuheben, ohne das Gesamtdesign zu dominieren.
- Emotionale Wirkung erzeugen. Setze Zinnober in Bereichen deines UI ein, in denen du schnelle Entscheidungen anregen, Dringlichkeit kommunizieren oder Kaufverhalten beeinflussen möchtest.
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 lebendigen und erdigen Spektrums wie Zinnober, ziehe folgende Farben in Betracht:
- Zinnoberrot (#E34234) bietet einen etwas mehr orangefarbenen Ton, der der Lebendigkeit von Zinnober nahekommt.
- Scharlachrot (#ED2100) glänzt mit einem helleren Rotton und bietet einen auffälligen Look, der die Intensität von Zinnober widerspiegelt.
- Tomatenrot (#FF6347) ist heller und neigt mehr zu Orange, behält aber den lebhaften Geist von Zinnober bei.
- Ziegelrot (#B22222) präsentiert ein tieferes, gedämpfteres Rot, das dennoch die Reichhaltigkeit von Zinnober bewahrt.
Um die warmen Töne von Zinnober zu ergänzen, kombiniere ihn mit:
- Marineblau (#000080) bietet einen tiefen, starken Kontrast, der die Kühnheit von Zinnober verstärkt.
- Mandel (#EFDECD) ist ein weicher, neutraler Ton, der die erdigen Töne von Zinnober subtil ergänzt.
- Jägergrün (#355E3B) führt ein dunkles, reiches Grün ein, das mit der Wärme von Zinnober harmoniert.
- Gold (#EFBF04) fügt einen luxuriösen Touch hinzu, der die visuelle Anziehungskraft von Zinnober bereichert.
- Creme (#FDFBD4) dient als sanfter Hintergrund, der die Lebendigkeit von Zinnober hervorhebt.
Weitere Farben, die in Betracht gezogen werden sollten, sind Stahlblau für einen ruhigen Hintergrund, Salbeigrün für einen organischen Touch und Hellbraun, um eine erdige Atmosphäre zu bewahren.
Obwohl Zinnober vielseitig ist, kann es mit folgenden Farben kollidieren:
- Knallpink (#FF69B4) erzeugt eine visuell störende Kombination mit Zinnober aufgrund seiner intensiven Sättigung.
- Chartreuse (#CCFF00) kann zu lebhaft sein, wenn es mit Zinnober kombiniert wird, was zu einem unharmonischen Look führen kann.
- Türkis (#069494) könnte zu viel Kühle einführen, was stark mit der Wärme von Zinnober kontrastiert.
- Lavendel (#D3D3FF) ist zu blass und gedämpft, was neben der Kühnheit von Zinnober verblassen kann.
- Hellgrau (#D3D3D3) wirkt oft langweilig und uninspiriert neben der Reichhaltigkeit von Zinnober.
Zinnober, ein lebendiger Rotton, steht für Leidenschaft, Energie und Tatkraft. Dieser reiche, auffällige Farbton wurde oft mit Macht, Reichtum und Prestige assoziiert und historisch von Kaisern und Adeligen verwendet. In vielen Kulturen, insbesondere in Asien, wird er auch mit Glück und Feierlichkeiten in Verbindung gebracht, da Rot als glücksbringend gilt.
In der Farbpsychologie stimuliert Zinnober Emotionen, steigert die Begeisterung und kann aufgrund seiner Intensität sogar den Blutdruck und die Atemfrequenz erhöhen. Es ist eine sehr sichtbare Farbe, die Aufregung oder Aggression hervorrufen kann, was sie zu einem mächtigen Werkzeug macht, um psychologische Reaktionen zu beeinflussen.
Im UI-Design kann Zinnober Aufmerksamkeit erregen und Benutzeraktionen fördern. Es ist ideal für Call-to-Action-Buttons, Warnmeldungen oder interaktive Elemente, bei denen du die Aufmerksamkeit des Nutzers schnell auf sich ziehen möchtest. Aufgrund seiner Intensität sollte es jedoch sparsam eingesetzt werden, um die Nutzer nicht zu überfordern oder visuelle Ermüdung zu verursachen.
Zinnober geht über 2 000 Jahre zurück und stammt aus dem natürlichen Mineral, das zur Herstellung des Zinnoberpigments verwendet wurde. Dieses leuchtend rote Quecksilbersulfid-Mineral wurde wegen seines lebhaften Farbtons geschätzt und in der Kunst und Dekoration, insbesondere in chinesischem Lack, ausgiebig verwendet.
Während es im Westen für Pigmente, Alchemie und Medizin (trotz seines giftigen Quecksilbergehalts) geschätzt wurde, ersetzten schließlich synthetische Alternativen das natürliche Zinnober.
Farbvarianten
Schattierungen
Tönungen
Töne
Farbtöne
Farbharmonien
Komplementär
Gespalten
Monochromatisch
Analog
Triadisch
Quadratisch
Eigene Paletten
Sonnengereifte Tomaten
Liebesvogel
Rubin-Grapefruit
Kontrastprüfer
Kontrast 3,81
- Großer Text
#E84B3D
- 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 5,5
- Großer Text
#E84B3D
- 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 #e84b3d, bekannt als Zinnober, hat die RGB-Werte R:232, G:75, B:61 und die CMYK-Werte C:0, M:68, Y:74, K:9.
| VALUE | CSS | |
|---|---|---|
| HEX | #e84b3d | #e84b3d |
| RGB DECIMAL | 232, 75, 61 | RGB(232,75,61) |
| RGB PERCENTAGE | 91.0, 29.4, 23.9 | RGB(91.0%,29.4%,23.9%) |
| CMYK | 0, 68, 74, 9 | |
| HSL | HSL(4.9, 78.8%, 57.5%) | HSL(4.9, 78.8%, 57.5%) |
| HSV (OR HSB) | 4.9°, 73.7, 91.0 | |
| WEB SAFE | #2555151 | #2555151 |
| BINARY | 11101000, 01001011, 00111101 | |
| iOS - SwiftUI | Color(red: 0.910, green: 0.294, blue: 0.239) | |
| iOS - UIKit | UIColor(red: 0.910, green: 0.294, blue: 0.239, alpha: 1) | |
| Android - Compose | Color(0xFFE84B3D) |
