Neon-Farbverläufe: Leuchten, ohne die Augen zu ermüden

Ein Neon-Farbverlauf ist eine Mischung aus sehr gesättigten Farben wie knalligem Pink, Violett, Elektroblau, Cyan oder Giftgrün, die meist aus einem dunklen Grund leuchten wie eine Leuchtröhre in einer dunklen Straße. Es ist die energiegeladenste Art von Verlauf. Es ist auch die, die das Auge am ehesten ermüdet, weil gesättigte Farben nebeneinander schimmern und flimmern können. Die Lösung ist nicht weniger Farbe, sondern mehr Dunkelheit drumherum.

Was einen Farbverlauf nach Neon aussehen lässt

Echte Neonschilder sind dünne Linien intensiver Farbe, umgeben von einem weichen Lichthof und einer dunklen Nacht. Um auf einem Bildschirm nach Neon auszusehen, braucht ein Verlauf dieselben drei Dinge: Farbe bei oder nahe voller Sättigung, einen hellen Kern, der in ein Leuchten ausläuft, und einen dunklen Grund, der das Leuchten sichtbar macht. Nimm die Dunkelheit weg, und du hast einen lauten Farbblock statt Licht.

Warum Neon die Augen belastet

Wenn zwei stark gesättigte Farben ähnlicher Helligkeit an einer harten Kante aufeinandertreffen, etwa reiner roter Text auf reinem Blau, scheint die Kante zu schimmern. Man nennt das oft chromatisches Flimmern, und es macht Text anstrengend oder sogar schwer zu fokussieren. Rot und Blau nebeneinander können außerdem auf unterschiedlichen Tiefen zu liegen scheinen. Neon-Designs stolpern über beides, weil jede Farbe auf voller Stärke ist.

Neon-Farbpaletten

Neon-Paletten funktionieren am besten als eine oder zwei leuchtende Farben plus dunkler Grund, nicht als fünf Neontöne auf einmal. Pink und Violett oder Cyan und Blau sind Nachbarn und leuchten zusammen, ohne zu flimmern. Pink und Cyan ist das klassische Synthwave-Paar; über Violett gemischt, bleibt es leuchtend, statt grau zu werden.

So baust du einen Neon-Farbverlauf

1. 1

   Dunkel starten

   Füll das Bild mit einem fast Schwarz, das zu deinem Neon hin getönt ist, etwa Violettschwarz unter Pink.

2. 2

   Einen hellen Kern setzen

   Setz das Neon in voller Stärke auf eine kleine Fläche, eine Linie, einen Ring oder eine Ecke, nicht in die Bildmitte.

3. 3

   Auslaufen lassen

   Lass den Kern über eine tiefe Version desselben Farbtons ins Dunkel auslaufen, damit er als Lichthof wirkt statt als Fleck.

4. 4

   Ein zweites Neon nur als Nachbarn

   Violett neben Pink oder Blau neben Cyan leuchten zusammen. Gegenfarben brauchen Dunkelheit dazwischen.

5. 5

   Mit Körnung abschließen

   Dunkle Lichthöfe neigen zu Banding. Eine feine Rauschebene hält sie weich; siehe Banding bei Farbverläufen.

Text auf Neon

Setz Worte in Weiß oder einer sehr blassen Tönung deines Neons, nie in einem zweiten Neon. Ein weiches Leuchten in der Neonfarbe um weiße Buchstaben wirkt wie ein Schild; gesättigte Buchstaben auf gesättigtem Grund wirken wie Rauschen. Halte Fließtext vom hellsten Leuchten fern und im dunkelsten Bereich und prüfe den Kontrast wie auf jedem dunklen Hintergrund; siehe dunkle Verlaufshintergründe.

.neon-title {
  color: #fff0fa; /* pale pink, not neon */
  text-shadow:
    0 0 4px #ff2d95,
    0 0 16px #ff2d95,
    0 0 40px rgb(255 45 149 / 0.6);
}

.neon-panel {
  background: #07020a;
  box-shadow:
    0 0 0 1px rgb(0 224 255 / 0.6),
    0 0 24px rgb(0 224 255 / 0.35);
  border-radius: 16px;
}

Wo Neon-Farbverläufe passen

Druck braucht einen eigenen Hinweis. Bildschirm-Neon ist heller, als normale CMYK-Farben es wiedergeben können, deshalb wirkt es gedruckt stumpf. Fluoreszierende Sonderfarben kommen nahe heran; frag deine Druckerei und lies vorher Farbverläufe drucken. Eine weichere Art leuchtender Farbe findest du unter Aurora-Farbverläufe, die Retro-Version unter Vaporwave-Farben.

In Bewegung wird Neon lebendig. Ein langsames Pulsieren auf dunklem Grund ergibt einen starken Hintergrund für Storys oder Reels, und in Gradiently lassen sich Designs mit einem gesicherten Mark als nahtlose Loops von 5 bis 30 Sekunden im Tempo deiner Wahl exportieren.