RGB

RGB mischt additiv. Ohne Licht bleibt der Bildschirm schwarz, alle drei Farben mit voller Stärke ergeben Weiß. Rot und Grün zusammen ergeben Gelb, was viele überrascht, weil es im Malkasten anders läuft. Sind alle drei Anteile gleich stark, etwa 128, 128, 128, entsteht ein Grau.

In der Praxis bekommt jeder Kanal einen Wert von 0 bis 255. Reines Rot ist also 255, 0, 0. So lassen sich rund 16,7 Millionen Farben darstellen. Im Webdesign schreibt man dieselben Werte meist als Hex-Code: #FF0000 ist das gleiche Rot in hexadezimaler Schreibweise. Diese Codes stehen später im CSS deiner Website.

Für den Druck gilt ein anderes Modell, CMYK. Druckfarben schlucken Licht, statt es auszusenden, und ihr Farbraum ist kleiner. Ein leuchtendes RGB-Grün kann eine Druckmaschine schlicht nicht wiedergeben. Deshalb gehört die Datei für die Website in RGB und die für den Flyer in CMYK.

Umgekehrt gilt das auch. Bilder aus einer Druckdatei in CMYK wandelst du für die Website in RGB um, weil manche Programme und Browser CMYK-Bilder falsch darstellen.

Schickst du eine RGB-Datei ungeprüft zur Druckerei, rechnet deren Software die Farben um. Das Ergebnis fällt dann oft blasser aus als geplant, und du merkst es erst, wenn die Kartons geliefert sind.

Die drei Zahlen allein legen noch nicht fest, wie eine Farbe genau aussieht. Dafür braucht es einen Farbraum. Fürs Web ist sRGB der Standard, Browser gehen davon aus, wenn nichts anderes angegeben ist. Adobe RGB umfasst mehr Farben, vor allem im Grünbereich, und ist in der Fotografie verbreitet. Lädst du ein Bild in Adobe RGB auf deine Website, kann es blass wirken. Für Bilder im Netz ist sRGB deshalb die sichere Wahl. Viele neuere Geräte können zwar einen größeren Farbraum anzeigen, etwa Display P3, aber längst nicht alle Bildschirme deiner Besucher.

Dazu kommt, dass jeder Bildschirm etwas anders eingestellt ist. Dieselbe Farbe sieht auf zwei Laptops selten völlig gleich aus, und daran kann auch die beste Datei nichts ändern.

Wenn wir ein Corporate Design für dich entwickeln, bekommt jede Hausfarbe einen RGB- und einen Hex-Wert für Bildschirm und Website sowie einen CMYK-Wert für den Druck. Wer später mit deiner Marke arbeitet, greift dann auf dieselben Werte zurück. Was außer Farben noch in ein Corporate Design gehört, erklärt der Ratgeber Corporate Design Grundlagen.

Verwandte Begriffe: CMYK · Pantone · Styleguide · UI-Design