Neon kleurverlopen: gloed zonder vermoeide ogen

Een neon kleurverloop is een mengsel van heel verzadigde kleuren, zoals felroze, violet, elektrisch blauw, cyaan of gifgroen, dat meestal uit een donkere ondergrond opgloeit als een brandende buis in een donkere straat. Het is het energiekste soort kleurverloop dat er bestaat. Het is ook het verloop dat het oog het snelst vermoeit, omdat verzadigde kleuren naast elkaar kunnen flikkeren en trillen. De oplossing is niet minder kleur, maar meer duisternis eromheen.

Wat een kleurverloop neon maakt

Echte neonreclames zijn dunne lijnen van intense kleur, omringd door een zachte halo en een donkere nacht. Om op een scherm neon te ogen heeft een kleurverloop dezelfde drie dingen nodig: kleur op of bijna op volle verzadiging, een heldere kern die uitloopt in een gloed, en een donkere ondergrond die de gloed zichtbaar maakt. Haal de duisternis weg en je houdt een schreeuwerig kleurvlak over in plaats van licht.

Waarom neon de ogen vermoeit

Wanneer twee sterk verzadigde kleuren van vergelijkbare lichtheid elkaar aan een harde rand raken, zoals puur rode tekst op puur blauw, lijkt de rand te flikkeren. Dat heet vaak chromatische vibratie, en het maakt tekst vermoeiend of zelfs lastig om op scherp te stellen. Rood en blauw naast elkaar kunnen ook op verschillende dieptes lijken te liggen. Neonontwerpen struikelen over beide, omdat elke kleur op volle sterkte staat.

Neon kleurenpaletten

Neonpaletten werken het best als één of twee gloeiende kleuren plus een donkere ondergrond, niet als vijf neons tegelijk. Roze en violet, of cyaan en blauw, zijn buren en gloeien samen zonder te trillen. Roze en cyaan is de klassieke synthwave-combinatie; gemengd via violet blijft ze helder in plaats van grijs te worden.

Zo bouw je een neon kleurverloop

1. 1

   Begin donker

   Vul het beeld met een bijna-zwart dat naar je neon is getint, zoals violetzwart onder roze.

2. 2

   Plaats één heldere kern

   Zet het neon op volle sterkte in een klein gebied, een lijn, een ring of een hoek, niet in het midden van het beeld.

3. 3

   Laat het uitlopen

   Laat de kern via een diepe versie van dezelfde tint in het donker vervagen, zodat het als een halo leest en niet als een vlek.

4. 4

   Voeg een tweede neon alleen toe als buur

   Violet naast roze, of blauw naast cyaan, gloeit samen. Tegenpolen hebben duisternis tussen zich nodig.

5. 5

   Werk af met korrel

   Donkere halo’s krijgen snel banding. Een fijne ruislaag houdt ze glad; zie banding in kleurverlopen.

Tekst op neon

Zet woorden in wit of in een heel bleke variant van je neon, nooit in een tweede neon. Een zachte gloed in de neonkleur rond witte letters leest als een lichtreclame; verzadigde letters op een verzadigde ondergrond lezen als ruis. Houd lopende tekst weg van de helderste gloed en in het donkerste gebied, en controleer het contrast zoals op elke donkere achtergrond; zie donkere achtergronden met kleurverloop.

.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;
}

Waar neon kleurverlopen passen

Drukwerk verdient een aparte opmerking. Schermneons zijn helderder dan gewone CMYK-inkten kunnen weergeven, dus ze drukken dof. Fluorescerende steunkleuren komen in de buurt; vraag het je drukker, en lees eerst kleurverlopen in drukwerk. Zie voor een zachtere kijk op gloeiende kleur aurora-kleurverlopen, en voor de retroversie vaporwave-kleuren.

Neon komt tot leven in beweging. Een trage puls op een donkere ondergrond is een sterke achtergrond voor een Story of Reel, en in Gradiently exporteer je ontwerpen met een geclaimde Mark als naadloze loops van 5 tot 30 seconden in het tempo dat jij kiest.