Vektor-Farbmanagement: Von RGB über CMYK zu Pantone

Farbe in Vektorgrafiken verstehen: Eine farbwissenschaftliche Perspektive

Farbmanagement ist die technisch anspruchsvollste Dimension der Vektorgrafik-Produktion. Anders als bei Raster-Workflows, wo Farbe in Pixeldaten eingebettet ist, beschreiben Vektorformate Farbe mathematisch — jeder Export, jedes Ausgabegerät interpretiert diese Beschreibung durch seine eigene Rendering-Pipeline. Ohne diszipliniertes Management hat das, was Sie auf Ihrem kalibrierten Monitor sehen, wenig Ähnlichkeit mit dem gedruckten Blatt.

Dieser Guide nähert sich der Farbe von den Grundprinzipien: die Physik der Farbräume, die Mechanik von ICC-Profilen, die Realitäten des Gamut-Mappings und praktische Workflows, die Ihre Vektorgrafiken vom Bildschirm bis zum Substrat konsistent halten.

„Farbe ist das subjektivste Element des Designs — was ein Stakeholder als 'warmes Rot' liest, sieht für einen anderen nach 'Corporate-Bordeaux' aus. Farbmanagement gibt Ihnen eine gemeinsame, messbare Sprache zum Verhandeln."

RGB vs CMYK vs Pantone: Der Tiefgang

Jeder Farbraum repräsentiert ein anderes physikalisches Modell. Ihre Gamut-Limitierungen zu verstehen, ist nicht verhandelbar.

RGB (Additive Farbmischung)

Rot-, Grün- und Blaulichtkanäle kombinieren sich zu Weiß — wie Displays physisch Photonen bei kontrollierten Wellenlängen emittieren.

RGB-Spezifikation:
- Modell:    Additiv (Lichtemission)
- Kanäle:    R (620-750nm), G (495-570nm), B (450-495nm)
- Tiefe:     8 Bit = 0-255/Kanal (16,7M Farben)
- Gamuts:    sRGB (~35% CIE 1931), Adobe RGB (~50%), Display P3 (~43%)
- Einsatz:   Web, App-UI, Video, Digital Signage

sRGB ist der Webstandard. Adobe RGB erweitert in den Cyan-Grün-Bereich, wertvoll für Fotografie mit CMYK-Ziel. Display P3, Apples Ökosystem-Standard, ist ~25% breiter als sRGB mit stärkeren Rot- und Grüntönen.

CMYK (Subtraktive Farbmischung)

Cyan-, Magenta-, Gelb- und Schwarz-Tinten (Key) absorbieren Wellenlängen des reflektierten Lichts — bestimmt durch die Kubelka-Munk-Absorptionstheorie.

CMYK-Spezifikation:
- Modell:       Subtraktiv (Lichtabsorption)
- Kanäle:       C, M, Y, K (0-100% Farbauftrag)
- Gesamtfarbauftrag: Max 300-340% (presseabhängig)
- Gamut:        ~55-65% von sRGB (deutlich kleiner)
- Profile:      US Web Coated (SWOP) v2, Fogra39, JapanColor
- Einsatz:      Offsetdruck, Digitaldruck, Verpackung

Warum K existiert: C100+M100+Y100 ergibt theoretisch Schwarz, produziert aber ein schlammiges Braun aufgrund von Tintenverunreinigungen. Der Schwarzkanal liefert echte Dichte, reduziert den Verbrauch und verbessert die Textschärfe.

Pantone (Sonderfarbensystem)

Das Pantone PMS verwendet vorgemischte Tinten aus 18 Basispigmenten. Jedes Farbmuster hat einen spektrophotometrisch verifizierten L*a*b*-Wert — eine geräteunabhängige kolorimetrische Referenz.

Pantone-Spezifikation:
- Formulierung:  Vorgemischt aus 18 Basispigmenten
- Bibliotheken:  Coated (C), Uncoated (U), Matte (M)
- Farben:        2.390+ Volltonfarben (plus Metallic, Neon)
- Referenz:      Physische Farbfächer unter D50-Beleuchtung
- Einsatz:       Markenidentität, Verpackung, Spotlack, Folienprägung

Geben Sie immer 286 C oder 286 U an — niemals nur „286." Dieselbe Nummer sieht auf gestrichenem vs. ungestrichenem Papier unterschiedlich aus, da die Papierporosität verändert, wie Tinte Licht reflektiert.

Farbaumvisualisierung und Gamut-Mapping

Stellen Sie sich das CIE 1931 Chromatizitätsdiagramm als hufeisenförmige Karte der menschlich sichtbaren Farbe vor. Jeder Raum liegt als Dreieck (RGB) oder unregelmäßige Form (CMYK) darin. Die zentrale Erkenntnis: CMYK ist eine Teilmenge von RGB, das wiederum eine Teilmenge der menschlichen Wahrnehmung ist.

Gamut-Abdeckung (% von CIE 1931):
Menschliche Wahrnehmung ─── 100%
├── Adobe RGB ──────────── ~50%
├── Display P3 ─────────── ~43%
├── sRGB ───────────────── ~35%
└── CMYK SWOP ─────────── ~22%

Ergebnis: ~30-40% der sRGB-Farben KÖNNEN NICHT in CMYK reproduziert werden.

Die ICC-Spezifikation definiert vier Rendering Intents für das Gamut-Mapping:

Für vektorbasierte Markenarbeit ist Relativ farbmetrisch fast immer die richtige Wahl.

SVG-Farbspezifikation

SVG unterstützt mehrere Syntaxen mit unterschiedlichen Präzisions- und Kompatibilitätsprofilen:

<!-- Hexadezimal (bevorzugt für Produktion) -->
<rect fill="#0033A0" />        <!-- 6-stelliges Hex -->
<rect fill="#0033A0CC" />      <!-- 8-stellig mit Alpha -->

<!-- RGB funktional -->
<rect fill="rgb(0, 51, 160)" />
<rect fill="rgba(0, 51, 160, 0.8)" />

<!-- HSL funktional (nützlich für programmatische Farbtonverschiebungen) -->
<rect fill="hsl(220, 100%, 31%)" />

<!-- Benannte Farben (in Produktion vermeiden — ungenau) -->
<rect fill="darkblue" />       <!-- Entspricht #00008B -->

Verwenden Sie 6-stelliges Hex für Produktions-SVGs: universell unterstützt, kompakt, eindeutig. Reservieren Sie HSL für programmatische Farbmanipulation.

ICC-Profil-Management

ICC-Profile sind Nachschlagetabellen, die beschreiben, wie ein Gerät Farbe reproduziert — die Brücke zwischen geräteunabhängigem Lab und gerätespezifischen Werten.

Fordern Sie für kritische Arbeiten ein individuelles ICC-Profil von Ihrer Druckerei an — erstellt aus deren spezifischer Presse, Tintensatz und Papier mit einem Charakterisierungstarget (IT8.7/4). Generische Profile, die mit Software geliefert werden, sind Näherungen.

Farbkonvertierungs-Workflow

Bei der Vektorisierung mit Vectosolve werden Farben als saubere RGB-Hex-Werte extrahiert — eine präzise Grundlage zur Konvertierung in jeden Zielfarbraum über den SVG-Editor.

Farb-Barrierefreiheit: WCAG-Kontrast

Farbmanagement geht über Drucktreue hinaus und stellt die Wahrnehmbarkeit für Nutzer mit Farbsehschwächen sicher (~8% der Männer, ~0,5% der Frauen).

WCAG 2.1 Mindestkontrastverhältnisse:
- Normaler Text (≥14px):  4,5:1 (AA) / 7,0:1 (AAA)
- Großer Text (≥18px):    3,0:1 (AA) / 3,0:1 (AAA)
- UI-Komponenten/Icons:    3,0:1 gegen angrenzende Farben

Vektorspezifische Richtlinien: Verlassen Sie sich nie allein auf Farbe — verwenden Sie Muster oder Beschriftungen zusätzlich zur Farbcodierung. Testen Sie mit Protanopie-/Deuteranopie-Simulation. SVG-Textelemente müssen dieselben WCAG-Schwellenwerte erfüllen wie HTML-Text. In Diagrammen ergänzen Sie Farbe durch Schraffuren.

Fazit

Farbmanagement ist der Punkt, an dem Designabsicht auf physische Realität trifft. Die Lücke zwischen dem leuchtenden #0033FF auf Ihrem Display und Tinte auf Papier ist kein Bug — es ist die Konsequenz der Übersetzung zwischen additiven und subtraktiven Modellen. Ihre Aufgabe ist es, diese Übersetzung bewusst zu steuern: mit ICC-Profilen, korrektem Gamut-Mapping und verifiziertem Proofing.

Definieren Sie zuerst Ihr Ausgabemedium. Stellen Sie den Farbraum entsprechend ein. Spezifizieren Sie Markenfarben über alle Systeme — Pantone, CMYK, RGB, Hex. Nutzen Sie Vectosolve für saubere Vektorextraktion, verfeinern Sie dann im SVG-Editor, um Farben auf Produktionsspezifikationen abzubilden. Die Physik der Farbe verhandelt nicht — aber mit richtigem Management kontrollieren Sie das Gespräch.

Mit präziser Farbextraktion starten

Quellen und weiterführende Lektüre

• W3C SVG 2 Specification — Color — Offizieller SVG-Standard mit Farbeigenschaften, ICC-Profilen und Farbinterpolationsattributen
• Pantone Color Systems Explained — Die maßgebliche Referenz für Sonderfarbabstimmung in Druck und physischen Medien
• MDN Web Docs — SVG Color — Umfassender Guide zu SVG-Farbwerten, benannten Farben und CSS-Farbintegration
• Adobe Color Management Blog — Praxis-Insights zu ICC-Profilen, Softproof-Workflows und Farbgenauigkeit