Eine Textur ist die Oberflächenbeschaffenheit eines Materials oder einer Fläche: das Korn eines Papiers, die Struktur von Leinen, das Rauschen eines Fotos. Der Duden führt mehrere Bedeutungen, in der Computergrafik die Oberflächenstruktur eines dargestellten Objekts; das Wort kommt vom lateinischen textura, Gewebe.
- Textur
Die sichtbare oder spürbare Oberflächenbeschaffenheit eines Materials oder einer Fläche, etwa Papierkorn, Leinen oder Rauschen.
Beispiel: „Eine leichte Textur im Hintergrund lässt die Fläche wie Papier wirken statt wie reines Weiß.“Auch: Oberflächenstruktur, englisch texture.
Abgrenzung zum Muster: Es wiederholt eine erkennbare Einheit, die Textur nicht.
Textur in der Gestaltung
Texturen geben Flächen Tiefe und Charakter. Im Flat Design verschwanden sie fast ganz, im Skeuomorphismus waren Leder, Holz und Papier das Hauptmittel. Heute tauchen sie als feines Rauschen oder Papierkorn wieder auf; Canva sah in seinem Trendbericht für 2026 deutlich mehr Suchen nach taktilem Design. Das Atlassian Design System nutzt Muster und Texturen, um Hintergrundflächen Markencharakter zu geben.
Textur im Web erzeugen
Eine Textur lässt sich als Bilddatei einbinden oder vom Browser berechnen. Der SVG-Filter feTurbulence erzeugt Rauschen nach der Perlin-Funktion, etwa für Wolken, Marmor oder Papierkorn; mit stitchTiles gehen die Kacheln ohne sichtbare Kante ineinander über. Eine berechnete Textur braucht keinen zusätzlichen Bildabruf und bleibt in jeder Größe scharf.
<svg width="0" height="0">
<filter id="korn">
<feTurbulence type="fractalNoise" baseFrequency="0.9" numOctaves="3"/>
</filter>
</svg>Textur sparsam einsetzen
Eine Textur hinter Text senkt den Kontrast an manchen Stellen, weil hellere und dunklere Körner wechseln. Für Lesetext bleibt der Untergrund deshalb ruhig, die Textur gehört an Flächen ohne viel Text, an Ränder oder in große Bildbereiche. Wie stark sie wirkt, prüft man am besten auf mehreren Bildschirmen, weil feines Rauschen je nach Display verschwindet.