Zu Hauptinhalten gehen

Purpur

Alles, was du über Purpur wissen musst, um dein nächstes Design zu inspirieren.

Farbpalette abrufen

Wähle eine Farbe aus

Hex

RGB

HSB

HSL

Paletteneinstellungen wählen

Benutzerdefinierte Paletten

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.

color Purpurcolor Purpur

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.

Das ist #9D00FF Text auf einem #FFFFFF Hintergrund.
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.

Das ist #9D00FF Text auf einem #000000 Hintergrund.
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.

VALUECSS
HEX#9d00ff#9d00ff
RGB DECIMAL157, 0, 255RGB(157,0,255)
RGB PERCENTAGE61.6, 0.0, 100.0RGB(61.6%,0.0%,100.0%)
CMYK38, 100, 0, 0
HSLHSL(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
BINARY10011101, 00000000, 11111111
iOS - SwiftUIColor(red: 0.616, green: 0.000, blue: 1.000)
iOS - UIKitUIColor(red: 0.616, green: 0.000, blue: 1.000, alpha: 1)
Android - ComposeColor(0xFF9D00FF)
Farbpalette abrufen