Neongradienter: glød uten slitne øyne

En neongradient er en overgang mellom svært mettede farger, som knallrosa, fiolett, elektrisk blå, cyan eller syregrønn, som vanligvis gløder ut av en mørk bunn som et tent rør i en mørk gate. Det er den mest energiske typen gradient som finnes. Det er også den som lettest sliter ut øyet, fordi mettede farger side om side kan skimre og vibrere. Løsningen er ikke mindre farge, men mer mørke rundt den.

Hva som får en gradient til å se ut som neon

Ekte neonskilt er tynne linjer av intens farge omgitt av en myk glorie og en mørk natt. For å se ut som neon på en skjerm trenger en gradient de samme tre tingene: farge på eller nær full metning, en lys kjerne som faller av til en glød, og en mørk bunn som gjør gløden synlig. Tar du bort mørket, har du en høylytt fargeblokk og ikke lys.

Hvorfor neon sliter på øynene

Når to sterkt mettede farger med lignende lyshet møtes i en hard kant, som ren rød tekst på ren blå, ser kanten ut til å skimre. Dette kalles ofte kromatisk vibrasjon, og det gjør tekst slitsom eller til og med vanskelig å fokusere på. Rødt og blått ved siden av hverandre kan også se ut til å ligge i ulik dybde. Neondesign snubler i begge deler fordi hver farge står i full styrke.

Fargepaletter i neon

Neonpaletter fungerer best som én eller to glødende farger pluss en mørk bunn, ikke fem neonfarger på en gang. Rosa og fiolett, eller cyan og blått, er naboer og gløder sammen uten å vibrere. Rosa og cyan er det klassiske synthwave-paret. Blandet gjennom fiolett holder det seg klart i stedet for å bli grått.

Slik bygger du en neongradient

1. 1

   Start mørkt

   Fyll rammen med en nesten svart som er tonet mot neonfargen din, som fiolettsvart under rosa.

2. 2

   Plasser én lys kjerne

   Legg neonfargen i full styrke i et lite område, en linje, en ring eller et hjørne, ikke midt i rammen.

3. 3

   La den falle av

   Ton kjernen ut gjennom en dyp versjon av samme fargetone og inn i mørket, så den leses som en glorie og ikke som en flekk.

4. 4

   Legg bare til en neonfarge nummer to som nabo

   Fiolett ved siden av rosa, eller blått ved siden av cyan, gløder sammen. Motsetninger trenger mørke mellom seg.

5. 5

   Avslutt med korn

   Mørke glorier får lett fargebånd. Et fint støylag holder dem jevne. Se fargebånd i gradienter.

Tekst på neon

Sett ordene i hvitt eller i en svært blek tone av neonfargen din, aldri i en annen neonfarge. En myk glød i neonfargen rundt hvite bokstaver leses som et skilt, mens mettede bokstaver på en mettet bunn leses som støy. Hold brødteksten unna den sterkeste gløden og i det mørkeste området, og sjekk kontrasten slik du ville gjort på enhver mørk bakgrunn. Se mørke gradientbakgrunner.

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

Hvor neongradienter passer

Trykk krever en egen merknad. Neonfarger på skjerm er lysere enn det vanlige CMYK-farger kan gjengi, så de blir matte på trykk. Fluorescerende spotfarger kan komme nær. Spør trykkeriet ditt, og les gradienter på trykk først. For en mykere variant av glødende farge, se nordlysgradienter, og for retroversjonen, vaporwave-farger.

Neon våkner til liv i bevegelse. En langsom puls på en mørk bunn gir en sterk bakgrunn til en Story eller Reel, og i Gradiently eksporteres design laget med en Mark du har sikret deg, som sømløse looper på 5 til 30 sekunder i det tempoet du velger.