Du willst eine Druckfarbe am Bildschirm zeigen? Die Umrechnung von CMYK in RGB liefert dir die lichtbasierte Entsprechung deiner Farbanteile, also die Werte, die ein Monitor, ein Mockup oder eine Webseite tatsächlich darstellen kann.
So funktioniert die Umrechnung von CMYK in RGB
- Nimm die vier Prozentwerte als Farbmengen für das Profil Coated FOGRA39.
- Lies die Farbe ab, die das Profil für diese Mischung druckt, mit relativ farbmetrischer Wiedergabeart und Tiefenkompensierung.
- Rechne diese Farbe nach sRGB um. Farben, die ein Bildschirm nicht darstellen kann, werden auf den nächstmöglichen Wert begrenzt.
- Runde jeden Kanal auf eine ganze Zahl zwischen 0 und 255.
Beispiel zum Nachrechnen
Das RGB-Ergebnis zeigt, wie diese Farbmischung mit dem Standardprofil Coated FOGRA39 auf gestrichenem Papier aussieht. Andere CMYK-Profile (zum Beispiel von deiner Druckerei) liefern andere Zahlen, und ein Druckstück leuchtet nie wie ein Bildschirm.
CMYK und RGB erklärt
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
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()
Referenztabelle CMYK zu RGB
Die gängigsten CSS-Farben, umgerechnet von CMYK nach RGB.
| Farbe | CMYK | RGB |
|---|---|---|
| black | cmyk(89%, 78%, 62%, 97%) | rgb(1, 1, 1) |
| white | cmyk(0%, 0%, 0%, 0%) | rgb(255, 255, 255) |
| red | cmyk(0%, 95%, 92%, 0%) | rgb(229, 36, 32) |
| lime | cmyk(64%, 0%, 100%, 0%) | rgb(105, 180, 45) |
| blue | cmyk(93%, 75%, 0%, 0%) | rgb(44, 74, 154) |
| yellow | cmyk(9%, 0%, 96%, 0%) | rgb(244, 230, 0) |
| orange | cmyk(0%, 43%, 94%, 0%) | rgb(246, 162, 22) |
| teal | cmyk(83%, 27%, 48%, 12%) | rgb(9, 129, 128) |
| purple | cmyk(63%, 100%, 4%, 1%) | rgb(125, 33, 126) |
| gray | cmyk(48%, 39%, 39%, 21%) | rgb(129, 128, 127) |