Farbfragen

Unterschied zwischen Violett und Lila

7 Min. Lesezeit

Violett und Lila werden so häufig gleichgesetzt, dass der Unterschied zwischen ihnen pedantisch erscheinen mag. Aber die beiden Farben sind tatsächlich auf eine Weise verschieden, die tiefer geht als Ästhetik – eine existiert in der Physik des Lichts, und die andere ist ein Wahrnehmungskunststück, das unser Gehirn vollbringt. Den Unterschied zwischen Violett und Lila zu verstehen bedeutet gewissermaßen, etwas Grundlegendes darüber zu verstehen, wie Farbe funktioniert.

Die physikalische Antwort: Violett ist eine Spektralfarbe

Der klarste Weg, die Violett-Lila-Unterscheidung zu verstehen, beginnt mit der Physik.

Sichtbares Licht ist elektromagnetische Strahlung mit Wellenlängen zwischen etwa 380 und 700 Nanometern. Das menschliche Auge nimmt verschiedene Wellenlängen als verschiedene Farben wahr. Am roten Ende des Spektrums werden Wellenlängen um 620–700 nm als Rot wahrgenommen. In der Mitte erzeugt 500–565 nm Grün. Und am fernen Violettende werden Wellenlängen zwischen etwa 380 und 450 Nanometern als Violett wahrgenommen.

Das macht Violett zu einer Spektralfarbe: Sie entspricht einem bestimmten Bereich einzelwelliger Lichtstrahlung, der in der physischen Welt existiert. Man kann Violettlicht mit einem Prisma oder einem Beugungsgitter isolieren. Man kann reines Violett erzeugen, indem man weißes Licht auf ein bestimmtes enges Wellenlängenband filtert. Violett ist real in dem Sinne, dass es unabhängig von der menschlichen Wahrnehmung existiert – es ist eine physikalische Eigenschaft elektromagnetischer Strahlung.

Lila besitzt diese Eigenschaft nicht. Es gibt keine Lichtwellenlänge, die „Lila" erzeugt. Lila lässt sich nicht mit einem Prisma isolieren. Lila existiert nur als Wahrnehmungserlebnis, das entsteht, wenn das menschliche Sehsystem gleichzeitige Stimulation sowohl von rotempfindlichen als auch von blau-/violettempfindlichen Fotorezeptoren in der Netzhaut erhält. Lila ist nicht-spektral – es ist eine Farbe, die im Gehirn als Interpretation gemischter Signale existiert, nicht in der Physik des Lichts selbst.

Das ist die tiefste Unterscheidung zwischen den beiden: Violett ist eine Eigenschaft der physischen Welt; Lila ist eine Eigenschaft der menschlichen Wahrnehmung.

Lila: Die Rot-Blau-Mischung

Lila wird durch das Mischen von rotem und blauem Licht (oder rotem und blauem Pigment) erzeugt. Das Verhältnis von Rot zu Blau bestimmt, wo im Lilabereich das Ergebnis liegt:

  • Mehr Rot als Blau erzeugt ein warmes, rotlastiges Lila – Farben wie Magenta, Fuchsia und Rotviolett
  • Gleich viel Rot und Blau erzeugt ein ausgewogenes Lila
  • Mehr Blau als Rot erzeugt ein kühles, blaulastiges Lila, das sich Violett annähert

Deshalb variiert „Lila" so dramatisch. „Lila" kann sich auf das lebhafte Pink-Lila von Fuchsia, das ausgewogene, satte Lila einer Aubergine, das rötliche Lila von Maulbeere oder das sehr blaulastige Lila beziehen, das sich Violett annähert. All diese entstehen durch das Kombinieren von Rot- und Blausignalen – nur in verschiedenen Verhältnissen.

Violett hingegen braucht kein Rot. Spektrales Violettlicht hat keine Rotkomponente – es ist rein blaubenachbarte Strahlung am Rand des sichtbaren Lichts. Deshalb wirkt Violett immer kühler und blaulastiger als typisches Lila. Es fehlt die Wärme, die Rot einbringt.

Hex-Codes: Violett vs. Lila

In der digitalen Farbe wird die Unterscheidung zwischen Violett und Lila durch ihre Hex-Codes dargestellt.

CSS/HTML Violett: #EE82EE - RGB: rgb(238, 130, 238) - HSL: hsl(300, 76%, 72%) - Das ist tatsächlich ein warmes, recht pink-lila Ton. Das „Violett" des CSS-Farbsystems ist nicht das kühle Spektralviolett der Physik – es ist ein mittleres Pink-Lila, das die Webstandards-Kommission konventionell „violet" nannte.

CSS/HTML Lila: #800080 - RGB: rgb(128, 0, 128) - HSL: hsl(300, 100%, 25%) - Gleich viel Rot und Blau bei 128, kein Grün. Das ist das klassische dunkle, ausgewogene Lila.

Besonders auffällig: Sowohl CSS-„violet" als auch CSS-„purple" sitzen bei exakt demselben Farbton – 300 Grad, dem reinen Lila-/Magentapunkt im HSL-Farbkreis. Keines davon ist das Spektralviolett der Physik. CSS-Violet ist heller und weniger gesättigt; CSS-Purple ist dunkler und voll gesättigt.

Farbeigenschaften im Vergleich

Farbe Hex RGB HSL Charakter
CSS Violet #EE82EE 238, 130, 238 hsl(300, 76%, 72%) Helles Pink-Lila
CSS Purple #800080 128, 0, 128 hsl(300, 100%, 25%) Dunkel, klassisches Lila
Echtes Spektralviolett (ca.) #7F00FF 127, 0, 255 hsl(271, 100%, 50%) Kühles Blau-Lila, hohe Sättigung
Blauviolett #8A2BE2 138, 43, 226 hsl(271, 76%, 53%) Blaulastig, elektrisch

Die „echte Spektralviolett"-Annäherung in der Tabelle versucht darzustellen, wie Spektralviolett auf einem Bildschirm aussieht – aber das ist von Natur aus ein Kompromiss. Bildschirme können Spektralviolett nicht direkt reproduzieren, weil sie Rot-, Grün- und Blaulicht mischen, und Spektralviolett durch das Mischen dieser drei Primärfarben nicht erzeugt werden kann. Das Beste, was Bildschirme tun können, ist eine Annäherung mit einer Blau-Lila-Kombination.

CSS und Web-Definitionen

Das Web hat seine eigenen standardisierten Definitionen für Violett und Lila aus der CSS-Named-Colors-Spezifikation. Diese Definitionen wurden in den 1990er Jahren festgelegt, als der Netscape-Browser benannte Farbwerte einführte, und wurden größtenteils aus Gründen der Rückwärtskompatibilität beibehalten.

Die 148 CSS-Farbnamen

Die CSS-Named-Color-Spezifikation enthält sowohl „violet" als auch „purple" als separate benannte Werte:

  • violet#EE82EE — ein mittleres Pink-Lila
  • purple#800080 — ein dunkles, gleichmäßig Rot-Blau-Lila
  • mediumorchid#BA55D3 — liegt zwischen beiden
  • mediumpurple#9370DB — das Lila zwischen Lila und Blau-Lila
  • blueviolet#8A2BE2 — das blaulastigste benannte Lila
  • darkviolet#9400D3 — dunkel, kein Rot, sehr reines kühles Lila
  • darkorchid#9932CC — satt, dunkel, mit etwas roter Wärme

Die Vielfalt der benannten Lila- und Violetttöne in CSS spiegelt wider, wie viel Variation innerhalb dieser Farbfamilie existiert – und wie ungenau die Alltagssprache im Vergleich zu einer präzisen Hex-Spezifikation ist.

Kultureller Kontext: Was Lila historisch bedeutet hat

Die kulturelle Bedeutung von Lila ist eine der am besten dokumentierten in der Farbgeschichte, und ihr Verständnis hilft zu erklären, warum das Wort so viel Gewicht trägt.

Königliches Lila und Tyrischer Purpur

In der Antike war Lila-Farbstoff außerordentlich teuer herzustellen. Der kostbarste Lila-Farbstoff – Tyrischer Purpur – wurde aus der Stachel-Farbschnecke (Murex brandaris) gewonnen. Es brauchte etwa 9.000 Schnecken, um ein Gramm Farbstoff zu erzeugen. Das resultierende Lila war farbecht, leuchtend und hielt Jahrhunderte ohne Verblassen.

Die Kosten machten Tyrischen Purpur ausschließlich dem Adel und den sehr Wohlhabenden zugänglich. In Rom durfte nur der Kaiser eine vollständige Toga aus Tyrischem Purpur tragen. Dieses „königliche Lila" war nicht das, was wir heute als Lila bezeichnen würden – antike Quellen beschreiben es als irgendwo zwischen Karmesin und Violett, oft blutrot mit einem Violett-Stich.

Die Assoziation von Lila mit Königtum, Macht und Luxus hat sich auch nach der weitreichenden Verfügbarkeit synthetischer Farbstoffe erhalten. William Perkins zufällige Synthese von Mauvin im Jahr 1856 – der erste synthetische Anilinfarbstoff – war ein Lila, und es wurde der erste synthetische Farbstoff, der massenweise produziert und kommerziell vertrieben wurde.

Violett in religiösen und liturgischen Kontexten

In christlichen liturgischen Farbtraditionen wird Violett (manchmal auch als Lila bezeichnet) während der Advents- und Fastenzeit getragen – Perioden der Vorbereitung, Besinnung und Buße. Die spezifische Farbe variiert je nach Tradition: Die römisch-katholische Praxis schreibt typischerweise ein echtes Lila-Violett vor, während einige protestantische Traditionen ein stärker rotlastiges Lila verwenden.

In der buddhistischen Tradition wird Violett mit Transzendenz und der höchsten spirituellen Errungenschaft assoziiert. Im Hinduismus wird Violett und Lila mit dem Kronenchakra (Sahasrara) assoziiert, das reines Bewusstsein und spirituelle Verbindung repräsentiert.

Praktische Anleitung: Violett von Lila unterscheiden

In der Praxis ist die nützliche Arbeitsdifferenzierung einfacher als die Physik vermuten lässt:

Violett wirkt kühl und blaulastig. Wenn Sie ein Lila sehen, das sich in Richtung Blau zu verschieben scheint, mit minimaler Wärme oder Rötlichkeit, befinden Sie sich im Violettbereich. Denken Sie an Glockenblumen, Ultraviolett, das Violett im Regenbogen unmittelbar bevor es Ultraviolett erreicht.

Lila wirkt wärmer und ausgewogener. Wenn die Farbe als echte Mischung aus Rot und Blau wirkt – wobei beide sichtbar beitragen – befinden Sie sich im Lilabereich. Denken Sie an Aubergine, Amethyst, Lavendel (der sowohl Lila als auch Blau-Grau tendiert), Pflaume.

Die Grenze zwischen beiden ist nicht scharf – das ist ein kontinuierliches Spektrum, und verschiedene Menschen ziehen die Violett-/Lila-Grenze an verschiedenen Stellen. Aber die Richtung ist konsistent: Richtung Blau bedeutet Richtung Violett; Richtung Rot bedeutet Richtung Lila.

Kurzreferenz: Lila-zu-Violett-Spektrum

Farbname Hex Rot-Blau-Gleichgewicht Position
Magenta #FF00FF Gleich, voll gesättigt Lila-Familie
CSS Lila #800080 Gleich, dunkel Klassisches Lila
Orchidee #DA70D6 Leichter Rotvorsprung Warmes Lila
Mittleres Lila #9370DB Leichter Blauvorsprung Lila-Violett
Blauviolett #8A2BE2 Blau führt Annäherung an Violett
Dunkelviolett #9400D3 Reines Kühl Nahe Violett
Elektrisches Violett #7F00FF Blau dominiert Violettbereich

Lila- und Violett-Hex-Codes konvertieren

Egal ob Sie mit den CSS-Definitionen oder spezifischen Marken- oder Designfarben arbeiten, der Farbkonverter übersetzt jeden dieser Hex-Codes in RGB, HSL, CMYK oder OKLCH:

  • CSS Violet #EE82EE: rgb(238, 130, 238)hsl(300, 76%, 72%)C:0% M:45% Y:0% K:7%
  • CSS Purple #800080: rgb(128, 0, 128)hsl(300, 100%, 25%)C:0% M:100% Y:0% K:50%

Für den Druckbereich ist zu beachten, dass Lila und Violett zu den schwierigsten Farben bei der CMYK-Reproduktion gehören. Das gleichmäßige Cyan-Magenta-Mischen, das Lila auf dem Bildschirm erzeugt, lässt sich nicht sauber auf Drucktinte übertragen, und viele Lilatöne verschieben sich erheblich zwischen der RGB-Bildschirmvorschau und der CMYK-Druckausgabe. Führen Sie immer einen CMYK-Proof durch, bevor Sie sich auf Lila im Druck festlegen.

Wichtige Erkenntnisse

  • Violett ist eine Spektralfarbe – sie entspricht echten elektromagnetischen Wellenlängen zwischen etwa 380 und 450 Nanometern und existiert in der physischen Welt unabhängig von der menschlichen Wahrnehmung
  • Lila ist eine nicht-spektrale Farbe – es wird durch die Reaktion des Gehirns auf gleichzeitige Rot- und Blau-Stimulation erzeugt, ohne äquivalente einzelne Wellenlänge in der physischen Welt
  • In CSS ist violet als #EE82EE definiert – ein helles Pink-Lila – und purple als #800080 – ein dunkles, ausgewogenes gleiches-Rot-Blau-Lila; keines entspricht genau dem Spektralviolett
  • Beide CSS-Violet und -Purple sitzen bei denselben 300° Farbton in HSL und unterscheiden sich durch Sättigung und Helligkeit, nicht durch Farbtonrichtung
  • Lila trug historisch aufgrund der Seltenheit und des Preises von Tyrischem Purpur enormes kulturelles Gewicht und etablierte die königliche-Lila-Assoziation, die bis heute anhält
  • Um sie visuell zu unterscheiden: Violett neigt zu Kühl und Blau; Lila neigt zu Warm und Gemischt; rotlastige Varianten bewegen sich in Richtung Magenta
  • Verwenden Sie den Konverter, um Violett- und Lila-Hex-Codes in jedes Farbformat zu übersetzen, das für Ihr Projekt benötigt wird

Ähnliche Farben

Ähnliche Marken

Ähnliche Werkzeuge