Purple Farbe

Lila — Die Farbe der Kreativität und des Luxus

#800080Purple

Farbwerte

HEX#800080

RGBrgb(128, 0, 128)

HSLhsl(300°, 100%, 25%)

CSSpurple

Farbton-Palette

#F3E5F5

100

#E1BEE7

300

#BA68C8

500

#9C27B0

700

#7B1FA2

900

#4A148C

Komplementärfarbe

↔

#008000

Green

Analoge Farben

#9400D3

Dark Violet

#6A0080

Deep Purple

CSS-Verwendung

CSS

/* By name */
color: purple;
background-color: purple;

/* By HEX */
color: #800080;
background-color: #800080;

/* By RGB */
color: rgb(128, 0, 128);

/* By HSL */
color: hsl(300deg, 100%, 25%);

/* With opacity */
color: rgba(128, 0, 128, 0.8);
color: hsl(300deg 100% 25% / 80%);

CSS `purple` (#800080) ist dunkel genug für Text auf weißem Hintergrund (Kontrastverhältnis ca. 5,3:1). Für ein leuchtendes Lila verwenden Sie #9333EA (Tailwind purple-600), für ein helleres #A855F7 (Tailwind purple-500).

Lila (#800080) mischt Rot und Blau und war historisch so teuer herzustellen, dass es ausschließlich Königs- und Adelsfamilien vorbehalten war. Es symbolisiert Kreativität, Geheimnis, Weisheit, Luxus und spirituelle Tiefe. In modernen UIs erscheint Lila häufig bei kreativen Plattformen, KI-Produkten und Luxusmarken. CSS `purple` ist #800080. Plattformen wie Twitch und Discord haben Lila zur zentralen Farbe der Techkultur gemacht.

Häufige Verwendungsfälle

▸KI- und Kreativplattformen — Notion AI, Claude, Midjourney
▸Gaming und Streaming — Twitch, Discord Community-Plattformen
▸Luxus-Beauty-Marken — Premium-Kosmetik und Parfum-UI
▸Spirituelle und Wellness-Apps — Meditation, Yoga, Tarot
▸Wissenschafts- und Weltraumthemen — mystisches kosmisches Design
▸Mitgliedschaftsstufen — VIP, Platin, Royal-Level-Anzeigen

Purple Farbe

CSS-Verwendung

Häufige Verwendungsfälle

Verwandte Farben