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) |