# Light leak-effect: warme filmgloed in design

[Canonical HTML page](https://gradiently.design/nl/guide/light-leaks)

Die amberkleurige strepen aan de rand van een oude foto waren een cameragebrek. Nu zijn ze een van de warmste sferen in design. Zo werken light leaks en zo maak je overtuigende digitale exemplaren.

## The short version

- Een light leak is een warme gloed of streep die ontstaat als vals licht door een spleet in de camera op de film valt.
- Echte light leaks zitten meestal aan de rand van het beeld en lopen door rood, oranje en geel, vaak vervagend naar wit waar het licht het sterkst was.
- Een overtuigende digitale light leak maak je met zachte radiale of lineaire verlopen in warme kleuren, over een beeld gelegd met een screen- of lighten-overvloeimodus.
- Houd light leaks uit de buurt van tekst, want een heldere vlek achter woorden verlaagt het contrast.
- In video maakt een light leak die minder dan een seconde over het beeld veegt een zachte overgang tussen clips.

Het **light leak-effect** is de warme oranje, rode en gele gloed die ontstaat als vals licht fotografische film bereikt, meestal door een losse achterwand, een versleten afdichting of een spleet tijdens het laden. Op film was het een ongelukje. In design is het een sfeer geworden: nostalgisch, zonnig, een beetje onvolmaakt. Je maakt het na met zachte verlopen in warme kleuren aan de rand van het beeld, over een afbeelding gemengd, en de details hieronder zorgen dat het echt oogt in plaats van erop geplakt.

## Hoe een echte light leak eruitziet

Omdat het licht door een spleet binnenkomt, begint een leak bijna altijd aan een rand of hoek en vervaagt naar binnen. Op kleurenfilm loopt de gloed meestal van diep rood aan het zwakke uiteinde via oranje naar geel en bijna wit waar hij het sterkst was. Hij maakt het beeld lichter, niet donkerder, en heeft geen harde contour.

- **Positie:** een rand of hoek, vaak maar één kant.
- **Kleur:** rood naar oranje naar lichtgeel, het warmst aan de buitenrand van de gloed.
- **Vorm:** zachte verticale strepen of een diffuse gloed, nooit een perfecte cirkel in het midden.
- **Gedrag:** het voegt licht toe en wast schaduwen uit waar het valt.
- **Variatie:** geen twee beelden zijn gelijk, en dat is een deel van de charme.

## Light leak-verlopen om te kopiëren

Elk daarvan is één CSS-verloop dat naar transparant vervaagt, zodat het op een foto of donkere achtergrond kan liggen. Op zichzelf staan ze hier op een donkere ondergrond; over een foto mix je ze zoals in het volgende deel is beschreven.

- Leak aan de linkerrand: `radial-gradient(ellipse 45% 80% at 0% 50%, #fff3c4 0%, #ffb547 18%, #f0612e 38%, #a3202a 58%, transparent 82%)`
- Verbrande hoek: `radial-gradient(circle at 100% 0%, #fff7d6 0%, #ffc15a 14%, #ff7a3c 30%, #c2283a 48%, transparent 72%)`
- Verticale streep: `linear-gradient(100deg, transparent 0%, transparent 52%, #b3262e 60%, #ff8a3d 68%, #fff0b8 74%, #ff8a3d 80%, #b3262e 88%, transparent 96%)`
- Gloed onderaan: `radial-gradient(ellipse 70% 50% at 50% 110%, #ffe0a3 0%, #ff9d4a 22%, #e0473a 42%, #6e1a35 62%, transparent 85%)`

Vier klassieke leakposities. Het heldere midden ligt op of voorbij de rand van het beeld, zodat alleen de uitloop zichtbaar is, zoals bij een echte leak.

- Hete kern: #fff3c4
- Amber: #ffb547
- Mandarijn: #f0612e
- Filmrood: #c2283a
- Wijnuitloop: #6e1a35

Een light leak-palet, van het helderste punt van de gloed tot waar hij in het beeld uitsterft. Houd de volgorde aan: een leak wordt aan het zwakke uiteinde nooit geel.

## Een light leak toevoegen in CSS

Zet het verloop op een laag boven de afbeelding en mix het met `screen`, dat alleen maar lichter maakt, net als vals licht. Verlaag de dekking tot de foto nog duidelijk leest. De [mix-blend-mode-referentie](https://developer.mozilla.org/en-US/docs/Web/CSS/mix-blend-mode) van MDN somt de andere modi op; `lighten` en `soft-light` zijn ook het proberen waard.

```css
.photo {
  position: relative;
  isolation: isolate;
}

.photo img {
  display: block;
  width: 100%;
}

.photo::after {
  content: "";
  position: absolute;
  inset: 0;
  background: radial-gradient(
    ellipse 45% 80% at 0% 50%,
    #fff3c4 0%, #ffb547 18%, #f0612e 38%, #a3202a 58%, transparent 82%
  );
  mix-blend-mode: screen;
  opacity: 0.75;
  pointer-events: none;
}
```

Een leak aan de linkerrand over elke afbeelding. Het verloop eindigt in transparant en screen-menging betekent dat het alleen warmte en licht kan toevoegen.

Voor een meer filmische indruk voeg je korrel over alles toe en warm je de schaduwen een beetje op. [Korrelige verlopen](https://gradiently.design/nl/guide/grainy-gradients) en [CSS-verloop als overlay](https://gradiently.design/nl/guide/css-gradient-overlay) behandelen beide lagen.

> **Bouw een kleine set, geen enkele leak** Maak vier of vijf leaks op verschillende posities en sterktes en spiegel en draai ze naarmate je werkt. Echte film lekt nooit twee keer op dezelfde manier, dus één overlay herhalen over een carrousel of raster verraadt de truc het snelst.

Let ook op de kleurvolgorde. De meeste onovertuigende leaks blijven van rand tot rand een vlak oranje of worden roze aan het heldere uiteinde. Houd het heetste punt bleek en licht geelachtig, laat het via amber afkoelen naar rood en laat het rood in het beeld verdwijnen in plaats van op een zichtbare rand te eindigen.

## Waar light leaks werken, en waar niet

### Vermijd

- Een heldere leak achter een kop
- Dezelfde leak op elk beeld van een set
- Een perfecte cirkel gloed in het midden
- Koelblauwe of groene leaks op warme foto’s
- Leaks zo sterk dat het onderwerp verdwijnt

### Doe

- Leaks op de rand tegenover je woorden
- Varieer positie en sterkte binnen een reeks
- Laat de gloed op of voorbij de rand van het beeld beginnen
- Rood naar amber naar bleekgeel, zoals film het vastlegt
- Genoeg dekking om warm te voelen, niet uitgewassen

Light leaks passen bij fotografen, filmfestivals, muzikanten, zomercampagnes, reizen en alles wat nostalgisch is. Ze combineren vanzelf met paletten van [retroverlopen](https://gradiently.design/nl/guide/retro-gradients) en warme, vervaagde foto’s. Bij precieze, technische merken passen ze minder, want het hele punt is onvolmaaktheid.

Een staande eventpost voor een dakbioscoop met warme filmkleuren die vanaf één rand gloeien

Een warm vlak met de gloed aan één kant en de woorden aan de rustige kant van het beeld.

Een vierkante muziekreleasecover met de titel Kant B en warme, filmische kleur

Een vierkante releasecover waar warmte en korrel de nostalgie dragen, geen drukke overlay.

## Light leaks in video en animatie

In video worden light leaks vaak als overgang gebruikt: een warme flits veegt een halve seconde over het beeld, piekt tot bijna wit en onthult de volgende clip. Houd ze kort en zeldzaam. Eén leak tussen scènes voelt als film; één op elke montage voelt als een filterpakket.

Voor stilstaande posts die warmte nodig hebben zonder overlay doet een warme levende achtergrond hetzelfde werk rustiger. In Gradiently renderen het licht en de korrel van een Mark live op elk formaat en het rustigste gebied verplaatst zich vanzelf achter je woorden, zodat een zonnig, filmisch vlak zijn helderste plek nooit achter een kop zet. Foto’s die je in de Studio toevoegt kunnen ook een warme waas in de kleuren van de Mark krijgen, zodat beeld en achtergrond dezelfde gloed delen. Voor het verwante effect van licht rond vormen zie je [gloedeffect](https://gradiently.design/nl/guide/glow-effect); voor fotografen specifiek [branding voor fotografen](https://gradiently.design/nl/guide/photographer-branding).

## FAQ

### Wat is een light leak-effect?

Een warme rode, oranje of gele gloed die ontstaat als vals licht door een spleet in de camera de film bereikt. Ontwerpers bootsen het nu digitaal na voor een nostalgische, zonnige sfeer.

### Hoe maak ik een light leak-effect?

Plaats een zacht warm verloop dat naar transparant vervaagt aan de rand van een afbeelding en mix het met screen- of lighten-modus, verlaag dan de dekking en voeg een beetje korrel toe.

### Welke kleuren hebben light leaks?

Meestal diep rood aan het zwakke uiteinde, via oranje en amber, naar bleekgeel of bijna wit waar het licht het sterkst was.

### Kan ik tekst over een light leak zetten?

Liever niet. Het heldere deel van een leak verlaagt het tekstcontrast, dus plaats de leak aan de andere kant van het beeld dan je woorden.