Figma Farbkreis
Möchtest du die perfekten komplementären oder analogen Farben finden, die zu Purpur passen?
Purpur liegt genau zwischen Rot und Blau auf dem Farbkreis. Diese Grundfarben lösen gegensätzliche Emotionen aus: Rot wirkt feurig, während Blau eher beruhigend ist. Diese Gegensätze verschmelzen perfekt zu Purpur und rufen Gefühle von Reichtum, Raffinesse und Macht hervor.
Purpur wird durch folgende Farbwerte definiert, um Konsistenz auf verschiedenen digitalen Plattformen und Geräten zu gewährleisten.
- HEX-Code: #9D00FF
- RGB-Wert: 61,6 % Rot, 0 % Grün und 100 % 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, Purpur in deinen Designs zu verwenden:
- Luxuriöses Branding schaffen. Purpur ist ideal für Projekte, die Luxus und Qualität vermitteln sollen, und eignet sich hervorragend für Interfaces von hochwertigen Produkten oder Dienstleistungen.
- Wichtige Informationen hervorheben. Eine gut gewählte Purpur-Palette kann effektiv Kategorien unterscheiden oder bestimmte Statistiken in Datensätzen hervorheben.
- Aufmerksamkeit erregen und zur Aktion anregen. Ein kräftiges Purpur auf einem neutralen Hintergrund lenkt die Aufmerksamkeit auf wichtige Buttons oder Bereiche einer Website.
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 rötlich-blauen Spektrums wie Purpur, ziehe in Betracht:
- Violett (#7F00FF) neigt mehr zu Blau und kann stärker mit Spiritualität und Weisheit assoziiert werden.
- Lavendel (#D3D3FF) ist ein naher Verwandter von Purpur, bietet aber eine leichtere, beruhigendere Wirkung.
- Flieder (#A47DAB) ist etwas kühler und näher an Violett als echtes Purpur.
- Periwinkle (#CCCCFF) liegt näher an Blau als die meisten Purpurtöne und ruft beruhigendere, friedlichere Emotionen hervor.
Um Purpur zu ergänzen, kombiniere es mit:
- Rosewater (#FFD6D1) bietet einen subtilen Kontrast, um die Kühnheit von Purpur zu betonen.
- Gold (#EFBF04) unterstreicht das luxuriöse und wohlhabende Gefühl von Purpur.
- Elfenbein (#FFFFE3) bietet einen neutralen Hintergrund, damit Purpur hervorstechen kann.
- Königsblau (#305CDE) schafft einen kräftigen Kontrast, der das Drama von Purpur verstärkt.
Andere Farben, die gut zu Purpur passen, sind Neutraltöne wie Weiß, Grau oder Schwarz. Sie schaffen einen eleganten Hintergrund, während Purpur in jedem Design glänzen kann.
Da Purpur hell und kräftig ist, kann es mit folgenden Farben kollidieren:
- Maroon (#550000) ist eine starke Farbe, die mit einem ebenso intensiven Purpur kollidiert.
- Fuchsia (#FE3894) ist Purpur sehr ähnlich, sodass die Kombination ein überladenes Design erzeugt.
- Chartreuse (#CCFF00) ist eine helle Farbe, die mit der Kühnheit von Purpur kollidiert.
- Neongrün (#2CFF05) ist visuell störend, wenn es mit einem lebhaften Purpur kombiniert wird.
Purpur ist eine faszinierende Farbe, die Macht, Selbstbewusstsein und Weisheit vermittelt. Sie steht für Königlichkeit, Extravaganz und manchmal Magie.
In der Farbpsychologie ruft Purpur aufgrund seiner Mischung aus leidenschaftlichem Rot und ruhigem Blau eine komplexe Bandbreite an Emotionen hervor. Es wird mit Kreativität und Vorstellungskraft assoziiert und inspiriert und erfreut in bestimmten Umgebungen.
Die Vielseitigkeit von Purpur macht es zu einer ausgezeichneten Wahl für eine Vielzahl von UI-Designs, von kreativen Apps bis hin zu Finanzplattformen. Wenn du Purpur in deinen Designs verwendest, ist es wichtig, seine Kühnheit zu berücksichtigen – nutze es als Akzent oder kombiniere es mit neutralen Tönen, um ein ausgewogenes und visuell angenehmes Erlebnis zu schaffen.
Purpur hat eine reiche Geschichte, die bis ins 16. Jahrhundert zurückreicht. Abgesehen von gelegentlichen Blumen oder Edelsteinen ist Purpur in der Natur selten zu sehen. Historische Verwendungen von Purpur stammen hauptsächlich von künstlichen Farbstoffen, die aus Schneckenschleim gewonnen wurden.
Manchmal als königliches Purpur bekannt, hat diese Farbe seit Jahrhunderten Luxus, Reichtum und Raffinesse repräsentiert. Könige aus Ägypten, Rom und Persien popularisierten die Verehrung von Purpur, indem sie seine Verwendung auf die Kleidung und den Schmuck von hochrangigen Gesellschaftsmitgliedern beschränkten.
Heute bewahrt Purpur seinen Ruf für Reichtum und Raffinesse, während es für die breite Masse zugänglicher geworden ist.
Farbvarianten
Schattierungen
Tönungen
Töne
Farbtöne
Farbharmonien
Komplementär
Gespalten
Monochromatisch
Analog
Triadisch
Quadratisch
Eigene Paletten
Purple Haze
Alchemical Reaction
Fuchsia Fantasy
Kontrastprüfer
Kontrast 5,42
- Großer Text
#9D00FF
- Normaler Text
Dein Design, deine Ausrichtung und dein Aufbau zählen. Figma ist für dich da.
| Kategorie | ||
|---|---|---|
Bestanden | Fehlgeschlagen | |
Bestanden | Bestanden | |
Bestanden | Bestanden |
Kontrast 3,88
- Großer Text
#9D00FF
- Normaler Text
Dein Design, deine Ausrichtung und dein Aufbau zählen. Figma ist für dich da.
| Kategorie | ||
|---|---|---|
Fehlgeschlagen | Fehlgeschlagen | |
Bestanden | Fehlgeschlagen | |
Bestanden | Fehlgeschlagen |
Farbsimulationen
Protanopie
Deuteranopie
Tritanopie
Achromatopsie
Die hexadezimale Farbe #9d00ff, bekannt als Purpur, hat die RGB-Werte R:157, G:0, B:255 und die CMYK-Werte C:38, M:100, Y:0, K:0.
| VALUE | CSS | |
|---|---|---|
| HEX | #9d00ff | #9d00ff |
| RGB DECIMAL | 157, 0, 255 | RGB(157,0,255) |
| RGB PERCENTAGE | 61.6, 0.0, 100.0 | RGB(61.6%,0.0%,100.0%) |
| CMYK | 38, 100, 0, 0 | |
| HSL | HSL(276.9, 100.0%, 50.0%) | HSL(276.9, 100.0%, 50.0%) |
| HSV (OR HSB) | 276.9°, 100.0, 100.0 | |
| WEB SAFE | #1530255 | #1530255 |
| BINARY | 10011101, 00000000, 11111111 | |
| iOS - SwiftUI | Color(red: 0.616, green: 0.000, blue: 1.000) | |
| iOS - UIKit | UIColor(red: 0.616, green: 0.000, blue: 1.000, alpha: 1) | |
| Android - Compose | Color(0xFF9D00FF) |
