Magenta Farbverlauf: elektrische Codes zwischen Pink, Lila

Ein Magenta Farbverlauf mischt die leuchtende Farbe zwischen Pink und Lila mit einem Nachbarn: Violett für etwas Elektrisches, Orange für Hitze, Cyan für einen Cyber-Look oder fast Schwarz für Tiefe. Reines Bildschirm-Magenta ist #ff00ff und intensiv genug, dass der Verlauf meist am besten funktioniert, wenn Magenta ein Ende der Mischung ist statt das Ganze. Die Codes unten decken jede Richtung ab, mit Hinweisen zu Schrift und dazu, wie sich Magenta im Druck verhält.

Magenta, Pink und Lila: wo die Grenze verläuft

Im HSL-Farbkreis liegt Magenta bei 300 Grad, genau zwischen Rot und Blau. Schiebst du es Richtung Rot, wird es Pink; Richtung Blau wird es Lila und dann Violett. Magenta ist auch dafür berühmt, im Regenbogen nicht vorzukommen: Es gibt keine einzelne Wellenlänge für es, und dein Auge nimmt es wahr, wenn es rotes und blaues Licht zusammen empfängt. Das ist ein Grund, warum es so künstlich und elektrisch wirkt.

Willst du eigentlich etwas Weicheres und Wärmeres, näher an Kaugummi oder Rose als an Neon, ist die Sammlung rosa Farbverlauf der bessere Ausgangspunkt. Magenta verdient seinen Platz, wenn du eine Farbe willst, an der niemand vorbeiscrollen kann.

Elektrische Magenta Farbverlauf Codes

Magenta zu Violett oder Blau ist die klassische elektrische Paarung. Sie wandert am Farbkreis entlang, ohne etwas Schlammiges zu kreuzen, die Mischung bleibt also durchgehend leuchtend. Sie passen zu Musik, Nachtleben, Gaming und kreativen Tools. Willst du diese Richtung mit mehr Blau als Magenta, übernehmen die Codes für den lila Farbverlauf.

Knallmagenta und Sonnenuntergangs-Codes

Dreh dich auf dem Farbkreis in die andere Richtung, und Magenta heizt sich auf: über Pink zu Korall und Orange. Das ist der Look der Grafik der späten 1980er, von Synthwave und Vaporwave und vieler Sommerfestival-Plakate. Ein dunkler oberer Stopp macht daraus eine Dämmerung. Vaporwave-Farben geht weiter in diese Welt.

Tiefes Magenta auf dunklem Grund

Magenta wirkt am hochwertigsten, wenn es aus der Dunkelheit glüht, statt das Bild zu füllen. Ein Wein- oder Pflaumengrund mit einem Magenta-Licht wirkt wie Luxusmode oder eine Bar spät in der Nacht; über ein ganzes Plakat verteilt, wirkt dasselbe Magenta wie ein Rabatt-Flyer. Dunkle Gründe geben weißer Schrift außerdem ein leichtes Zuhause.

Magenta am Bildschirm gegenüber dem Druck

Bildschirm-Magenta besteht aus Licht, Druck-Magenta ist Tinte, eine der vier Prozessfarben im CMYK. Prozess-Magenta ist viel weniger intensiv und wird am Bildschirm meist mit etwa #ec008c dargestellt. Ein Magenta Farbverlauf, der auf deinem Monitor glüht, kann auf einem Flyer also flach und rosig wirken. RGB vs. CMYK erklärt die Lücke, und Verläufe im Druck behandelt das Proofing.

Schrift auf einem Magenta Farbverlauf

Magenta ist heller, als es aussieht. Weiße Schrift auf reinem #ff00ff erreicht nur etwa 3,1 zu 1 Kontrast, was für große Überschriften reicht, aber nicht für kleinen Text. Schwarz auf demselben Magenta erreicht etwa 6,7 zu 1, wirkt aber schwer. In der Praxis setzt du weiße Schrift auf das tiefere Ende des Verlaufs oder dunkelst das Magenta hinter kleinen Worten zu etwas wie #a3006f ab.

Auf Websites ergibt Magenta auch eine auffällige Verlaufsüberschrift. Beschränke es auf große Anzeigegrößen, wo der Kontrast hält, wie unter CSS-Verlaufstext beschrieben.

.headline {
  font-size: clamp(2.5rem, 6vw, 5rem);
  background: linear-gradient(90deg, #ff00ff 0%, #6a00f4 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

Bei lauten Farben hilft ein Hintergrund, der auf deine Worte reagiert, am meisten. In Gradiently vertieft ein Magenta-Mark die Farbe nahe den Buchstaben und hält seinen ruhigsten Teil hinter der Überschrift, sodass das Glühen bleibt und die Worte trotzdem lesbar sind. Für das kühlere Geschwister von Magenta sieh dir die Codes für den Cyan Farbverlauf an.