RGB ist additiv und besteht aus Licht, CMYK ist subtraktiv und besteht aus Druckfarbe. Die Umrechnung ist der Schritt, den jedes Bildschirmdesign vor dem Druck durchläuft.
So funktioniert die Umrechnung von RGB in CMYK
- Normalisiere die Kanäle: teile R, G und B durch 255.
- Nimm den größten normalisierten Kanal und berechne den Key-Anteil K = 1 − max.
- Leite Cyan, Magenta und Gelb ab, indem du den Schwarzanteil herausrechnest: C = (1 − R − K) / (1 − K), analog für die anderen.
- Rechne alle vier Werte in Prozent zwischen 0 und 100 um.
Beispiel zum Nachrechnen
Es ist eine mathematische Näherung ohne Farbprofil. Druckereien arbeiten mit ICC-Profilen und Farbauftragsgrenzen — diese Zahlen sind also ein solider Anhaltspunkt, aber keine druckfertige Separation.
RGB und CMYK erklärt
Was ist RGB?
RGB beschreibt eine Farbe über drei Lichtkanäle — Rot, Grün und Blau — mit Werten von 0 bis 255. Das entspricht der Funktionsweise eines Bildschirms: alle drei auf 255 ergeben Weiß, alle auf 0 ergeben Schwarz. RGB ist die richtige Wahl, wenn du mit einer Farbe rechnen musst, und rgba() ergänzt zusätzlich Transparenz.
- Syntax:
- rgb(R, G, B)
- Wertebereich:
- 0–255 pro Kanal
- Ideal für:
- Code, Canvas, Transparenz mit rgba()
Was ist CMYK?
CMYK ist das Vierfarbmodell des Drucks: Cyan, Magenta, Gelb und Key (Schwarz), jeweils als Prozentwert von 0 bis 100. Druckfarbe schluckt Licht, statt es auszusenden — deshalb deckt CMYK weniger Farben ab als ein Bildschirm, und leuchtende Bildschirmfarben wirken gedruckt oft matter.
- Syntax:
- cmyk(C%, M%, Y%, K%)
- Wertebereich:
- 0–100% pro Farbe
- Ideal für:
- Druck, Verpackung, druckfertige Daten
Referenztabelle RGB zu CMYK
Die gängigsten CSS-Farben, umgerechnet von RGB nach CMYK.
| Farbe | RGB | CMYK |
|---|---|---|
| black | rgb(0, 0, 0) | cmyk(0%, 0%, 0%, 100%) |
| white | rgb(255, 255, 255) | cmyk(0%, 0%, 0%, 0%) |
| red | rgb(255, 0, 0) | cmyk(0%, 100%, 100%, 0%) |
| lime | rgb(0, 255, 0) | cmyk(100%, 0%, 100%, 0%) |
| blue | rgb(0, 0, 255) | cmyk(100%, 100%, 0%, 0%) |
| yellow | rgb(255, 255, 0) | cmyk(0%, 0%, 100%, 0%) |
| orange | rgb(255, 165, 0) | cmyk(0%, 35%, 100%, 0%) |
| teal | rgb(0, 128, 128) | cmyk(100%, 0%, 0%, 50%) |
| purple | rgb(128, 0, 128) | cmyk(0%, 100%, 0%, 50%) |
| gray | rgb(128, 128, 128) | cmyk(0%, 0%, 0%, 50%) |