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
- Wandle alle vier Prozentwerte in Bruchteile zwischen 0 und 1 um.
- Wende zuerst den Key-Anteil an: jeder Kanal wird mit (1 − K) skaliert.
- Berechne R = 255 × (1 − C) × (1 − K), G = 255 × (1 − M) × (1 − K) und B = 255 × (1 − Y) × (1 − K).
- Runde jeden Kanal auf eine ganze Zahl zwischen 0 und 255.
Beispiel zum Nachrechnen
Eine Näherung. Ein Bildschirm kann mehr Farben darstellen, als Druckfarbe erzeugen kann. Das RGB-Ergebnis wirkt deshalb meist leuchtender und gesättigter als das gedruckte Stück.
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(0%, 0%, 0%, 100%) | rgb(0, 0, 0) |
| white | cmyk(0%, 0%, 0%, 0%) | rgb(255, 255, 255) |
| red | cmyk(0%, 100%, 100%, 0%) | rgb(255, 0, 0) |
| lime | cmyk(100%, 0%, 100%, 0%) | rgb(0, 255, 0) |
| blue | cmyk(100%, 100%, 0%, 0%) | rgb(0, 0, 255) |
| yellow | cmyk(0%, 0%, 100%, 0%) | rgb(255, 255, 0) |
| orange | cmyk(0%, 35%, 100%, 0%) | rgb(255, 166, 0) |
| teal | cmyk(100%, 0%, 0%, 50%) | rgb(0, 128, 128) |
| purple | cmyk(0%, 100%, 0%, 50%) | rgb(128, 0, 128) |
| gray | cmyk(0%, 0%, 0%, 50%) | rgb(128, 128, 128) |