Lila Farbcode (#800080)

Lila ist #800080 im Hex-Format und rgb(128, 0, 128) — ein dunkles Magenta. Unten findest du jedes Farbformat, Tönungen und Schattierungen, Harmonien und wie gut die Farbe als Text lesbar ist.

Aktualisiert am

Lila
#800080
CSS-Namepurple
Hex#800080
RGBrgb(128, 0, 128)
HSLhsl(300 100% 25%)
HWBhwb(300 0% 50%)
CMYK0%, 100%, 0%, 50%

Tönungen und Schattierungen

Farbharmonien

Über Lila

Lila (purple) ist ein dunkles, kräftiges Magenta mit dem Hex-Code #800080 oder rgb(128, 0, 128). In HSL liegt er bei einem Farbton von 300°, 100 % Sättigung und 25 % Helligkeit. Sie gehört zu den 148 benannten Farben, die jeder Browser versteht, daher kannst du statt des Hex-Werts einfach color: purple; schreiben.

Lila für Text und Hintergründe verwenden

KombinationKontrastverhältnisWCAG
Lila Text auf Weiß9.42 : 1AAA
Lila Text auf Schwarz2.23 : 1fällt durch

Auf einem lila Hintergrund verwende weißen Text (9.42 : 1). WCAG verlangt mindestens 4.5 : 1 für Fließtext und 3 : 1 für große Schrift. Prüfe weitere Kombinationen mit dem Kontrast-Checker.

CSS

.element {
  color: purple;               /* or #800080 */
  background-color: #800080;
  border: 1px solid rgb(128 0 128 / 50%);
}

Ähnliche benannte Farben

Dunkles Magenta (#8b008b), Indigo (#4b0082), Rebecca Purple (#663399), Mittelviolettrot (#c71585), Dunkles Schieferblau (#483d8b), Dunkles Violett (#9400d3).

Häufige Fragen

Welcher Hex-Code gehört zu Lila?
#800080 — das entspricht rgb(128, 0, 128) und hsl(300, 100%, 25%). In CSS kannst du auch einfach purple schreiben.
Ist lila Text auf Weiß gut lesbar?
Das Kontrastverhältnis auf Weiß liegt bei 9.42 : 1, damit besteht es WCAG AA für normalen Text.
Welche Farben passen gut zu Lila?
Die Komplementärfarbe ist #008000; die analogen Farben #400080 und #800040 liegen daneben im Farbkreis.