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
- Lies R, G und B als sRGB-Werte zwischen 0 und 255.
- Schlage die Farbe im Profil Coated FOGRA39 nach, dem Standard-ICC-Profil für gestrichenes Papier in Europa.
- Nutze die relativ farbmetrische Wiedergabeart mit Tiefenkompensierung, damit Weiß Papierweiß bleibt und Schwarz auf die dunkelste Druckfarbe fällt, die die Maschine drucken kann.
- Rechne alle vier Werte in Prozent zwischen 0 und 100 um.
Beispiel zum Nachrechnen
Hier gilt das Standardprofil Coated FOGRA39. Druckereien arbeiten mit eigenen ICC-Profilen und Farbauftragsgrenzen, andere CMYK-Profile (zum Beispiel von deiner Druckerei) liefern daher andere Zahlen. Nimm das Ergebnis als solide Referenz, nicht als 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(89%, 78%, 62%, 97%) |
| white | rgb(255, 255, 255) | cmyk(0%, 0%, 0%, 0%) |
| red | rgb(255, 0, 0) | cmyk(0%, 95%, 92%, 0%) |
| lime | rgb(0, 255, 0) | cmyk(64%, 0%, 100%, 0%) |
| blue | rgb(0, 0, 255) | cmyk(93%, 75%, 0%, 0%) |
| yellow | rgb(255, 255, 0) | cmyk(9%, 0%, 96%, 0%) |
| orange | rgb(255, 165, 0) | cmyk(0%, 43%, 94%, 0%) |
| teal | rgb(0, 128, 128) | cmyk(83%, 27%, 48%, 12%) |
| purple | rgb(128, 0, 128) | cmyk(63%, 100%, 4%, 1%) |
| gray | rgb(128, 128, 128) | cmyk(48%, 39%, 39%, 21%) |