# Papiertextuur als achtergrond: voelbare ontwerpen op scherm

[Canonical HTML page](https://gradiently.design/nl/guide/paper-texture-background)

Papier is de oudste achtergrond die er is, en mensen vertrouwen het nog steeds. Zo breng je zijn warmte, vezel en ongelijkmatige licht naar een scherm zonder dat het op een ingescande servet lijkt.

## The short version

- Een papiertextuurachtergrond combineert drie dingen: een getinte basiskleur, fijne vezel of korrel en licht dat iets ongelijkmatig valt.
- Echt papier is nooit zuiver wit, dus overtuigend digitaal papier begint bij een basis van crème, haver, grijs of kraftbruin.
- Subtiele structuur leest als kwaliteitspapier; zware kreuken, koffievlekken en gescheurde randen lezen als clipart en dateren snel.
- Papiertexturen passen bij uitnodigingen, menukaarten, dagboeken, briefpapiermerken, bakkerijen en alles wat met de hand gemaakt moet voelen.
- Donkere inkt op papier heeft hetzelfde contrast nodig als overal, dus test kleine tekst voordat je meer textuur toevoegt.

Een **papiertextuur**achtergrond laat een schermontwerp gedrukt, tastbaar en handgemaakt voelen. Het werkt omdat mensen papier lezen als zorg: een uitnodiging, een brief, een menukaart waarvoor iemand een papiersoort koos. Om het goed te doen heb je drie lagen nodig die samenwerken: een warme of getinte basiskleur, een fijne vezel of korrel en licht dat over het vel iets ongelijkmatig valt. Het meeste namaakpapier faalt doordat het de derde laag overdrijft.

## Welke papierlook past bij je ontwerp

Papier is niet één textuur. Katoenpapier, kraft, krantenpapier en washi voelen totaal anders, en elk past bij een ander soort merk. Begin met het benoemen van de papiersoort die je nabootst.

| Papier | Basiskleur | Textuur | Past bij |
| --- | --- | --- | --- |
| Katoenpapier | `#f6f1e7` | Zachte, gelijkmatige structuur | Huwelijksuitnodigingen, certificaten, fijn briefpapier |
| Ongecoat crème | `#f3ead8` | Fijne vezel, warm | Menukaarten, dagboeken, boekomslagen |
| Kraft | `#c8a57a` | Zichtbare vezel, spikkels | Koffie, bakkerijen, verpakking, markten |
| Krantenpapier | `#e9e5dc` | Grijs, licht ruw | Zines, redactioneel, protestposters |
| Grijs kringlooppapier | `#dcd8d0` | Gespikkeld | Duurzame merken, studio’s |
| Washi | `#f4efe4` | Lange, doorschijnende vezels | Thee, keramiek, bloemisten, spa’s |

Zes papiersoorten en een basiskleur om mee te beginnen. Kopieer de hex en leg de textuur erbovenop.

- Katoen: #f6f1e7
- Crème karton: #f3ead8
- Krantenpapier: #e9e5dc
- Kraft: #c8a57a
- Boekdrukinkt: #2b2420
- Stempelrood: #8a2b1f

Vier papierbases met een warme zwarte inkt en één stempelrood, het klassieke accent voor papierontwerpen. Gebruik het rood één keer per ontwerp.

## Zo maak je een papiertextuurachtergrond

Je kunt overtuigend papier van nul bouwen in elke editor met ruis en overvloeimodi. Gescand papier werkt ook, maar een gebouwde textuur schaalt netjes naar elk formaat en laat nooit de rand van een scanner zien.

1. **Vul de basis** Vul het canvas met je papierkleur uit de tabel, bijvoorbeeld `#f3ead8` voor ongecoat crème.
2. **Voeg fijne structuur toe** Voeg een middengrijze laag toe, pas monochrome ruis toe en zet hem op Multiply of Soft Light op ongeveer 4 tot 8 procent. Dit is de oppervlaktekorrel die elk papier heeft.
3. **Voeg vezel toe** Voeg een tweede, grotere ruislaag toe en rek of vervaag die licht in één richting. Op heel lage dekking leest het als vezels die door het vel lopen.
4. **Maak het licht ongelijkmatig** Voeg een zachte radiale vervaging toe, in één hoek iets lichter en in de tegenoverliggende iets dieper. Echt papier wordt nooit perfect gelijkmatig belicht.
5. **Controleer de inkt** Plaats je kleinste tekst erbovenop en bekijk het op een telefoon. Als een woord moeilijker te lezen is, verminder dan eerst de textuur.

- Crème karton, raamlicht: `radial-gradient(ellipse at 20% 15%, #fbf7ef 0%, #f3ead8 50%, #e8dcc4 100%)`
- Kraft, warme lamp: `radial-gradient(ellipse at 75% 25%, #d6b78f 0%, #c8a57a 45%, #b08c60 100%)`
- Krantenpapier, vlak daglicht: `linear-gradient(170deg, #f1eee7 0%, #e9e5dc 55%, #ddd7cb 100%)`

De laag met ongelijkmatig licht op zichzelf. Elk is de basiskleur van het papier, op één plek opgelicht en op een andere verdiept, vóór enige korrel.

De fijne structuur in stap twee is dezelfde techniek als uitgelegd in [korreltextuur](https://gradiently.design/nl/guide/textured-background). Papier gebruikt er gewoon minder van, met een warmere basis.

## Subtiel papier wint van namaakpapier

Zoekresultaten voor papierachtergronden staan vol verkreukelde vellen, verbrande randen en koffieringen. Ze zien eruit als een pretparkversie van papier en vechten met elk woord dat je erop zet. Een goede papiertextuur is stil genoeg dat mensen hem voelen voor ze hem zien.

### Vermijd

- Zware kreuken die door de tekst lopen
- Koffievlekken en verbrande randen
- Gescheurde randen op een digitaal bericht
- Een gescand vel met zichtbare schaduwen
- Grijze tekst op crème op klein formaat

### Doe dit

- Fijne structuur die op volle grootte net zichtbaar is
- Vezels op heel lage dekking
- Licht dat zacht ongelijkmatig valt
- Een warme inktkleur, geen zuiver zwart
- Eén stempel of accentkleur, één keer gebruikt

## Ideeën voor papiertextuur in echte ontwerpen

Papier is op zijn best waar een gedrukt object vanzelf zou bestaan. Dit zijn de plekken waar het zijn plaats verdient.

Een huwelijksuitnodiging op een zachte achtergrond met crèmekleurige papiertextuur met namen en een datum

Een uitnodiging van 5×7 in op 1500×2100. De structuur van katoenpapier en een warme inkt voelen als een kaart die je kunt vasthouden.

Een socialbericht van een bakkerij op een warme achtergrond in kraftpapierstijl met een korte kop

Een bakkerijbericht op kraft. De textuur zegt handgemaakt voordat iemand een woord leest.

- **Restaurantmenukaarten** op ongecoat crème, gezet in een schreeflettertype. Zie [ontwerp van restaurantmenu’s](https://gradiently.design/nl/guide/restaurant-menu-design).
- **Nieuwsbrieven en dagboeken**, waar papier lang lezen rustiger maakt.
- **Huwelijks- en evenementuitnodigingen**; [ontwerp van huwelijksuitnodigingen](https://gradiently.design/nl/guide/wedding-invitation-design) heeft layouts.
- **Ambachtelijke en handgemaakte merken**, op kraft of grijs kringlooppapier.
- **Citaatkaarten**, waar één regel op papier voelt als een briefje dat iemand schreef.

## Tekst en inkt op papierachtergronden

Papier verandert hoe tekst leest. Schreeflettertypes voelen thuis op crème en katoen omdat ze voor druk zijn getekend; een strak schreefloos lettertype op krantenpapier of grijs kringlooppapier voelt modern en een tikje industrieel. [Schreef versus schreefloos](https://gradiently.design/nl/guide/serif-vs-sans-serif) legt de afweging uit. Welke je ook kiest, zet de inkt in een warm bijna zwart zoals `#2b2420` in plaats van zuiver zwart, dat er digitaal uitziet tegen een getint vel.

Houd lopende tekst op een prettig formaat en geef hem meer gewicht dan op wit: textuur eet een beetje contrast, vooral op telefoons. Voor korte regels op papier, zoals één zin op een [citaatkaart](https://gradiently.design/nl/guide/quote-card-design), kun je een lichter gewicht en meer ruimte veroorloven. Weeg je papier af tegen andere oppervlakken, dan vergelijkt [achtergrondtextuur](https://gradiently.design/nl/guide/background-texture) de belangrijkste families naast elkaar.

## Papiertextuur in CSS

Leg voor een website een ongelijkmatig lichtverloop over de basiskleur en voeg dan een heel lichte ruislaag toe met SVG. Een lagere `baseFrequency` dan je voor filmkorrel zou gebruiken geeft een zachter, vezeliger gevoel.

```css
.paper {
  position: relative;
  isolation: isolate;
  color: #2b2420;
  background:
    radial-gradient(ellipse at 20% 15%, #fbf7ef 0%, transparent 55%),
    radial-gradient(ellipse at 85% 90%, #e8dcc4 0%, transparent 60%),
    #f3ead8;
}

.paper::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Cfilter id='p'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.55' numOctaves='4' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23p)'/%3E%3C/svg%3E");
  mix-blend-mode: multiply;
  opacity: 0.08;
}
```

Crème karton met raamlicht en een zachte vezellaag. Multiply houdt het papier warm; verhoog de dekking iets voor kraft.

Gradiently heeft papier- en zandmaterialen onder zijn Marks: handgemaakte vezel, zachte wassingen en fijne drijvende korrel, live gerenderd op elk formaat, waarbij het rustigste deel van het vel achter je woorden meebeweegt. Zoek op de Markt naar “papier” of filter op een lichte ondergrond om er een te vinden, en ontwerp er gratis mee.

## FAQ

### Welke kleur heeft papier in hex?

Echt papier is zelden zuiver wit. Ongecoat crème is ongeveer `#f3ead8`, katoenpapier ongeveer `#f6f1e7`, krantenpapier ongeveer `#e9e5dc` en kraft ongeveer `#c8a57a`.

### Hoe maak ik een papiertextuur in Photoshop of Canva?

Vul een papierkleur, voeg een monochrome ruislaag toe op Multiply of Soft Light bij lage dekking en daarna een zacht ongelijkmatig licht. In tools zonder ruis leg je een subtiele papierafbeelding op lage dekking over de kleur.

### Is een papiertextuur goed voor tekst?

Ja, als hij subtiel is. Houd de structuur fijn, gebruik een donkere warme inkt en controleer kleine tekst op een telefoon voordat je meer textuur toevoegt.

### Welke ontwerpen passen bij een kraftpapierachtergrond?

Koffie, bakkerijen, markten, verpakking en handgemaakte merken. Kraft leest als natuurlijk en praktisch, dus combineer het met simpele, krachtige tekst.