CMYK-Werte in eine RGB-Farbe umrechnen

Inhalt zuletzt geprüft:

Geben Sie vier Farbanteile ein, und die RGB-Werte erscheinen beim Tippen: cmyk(76%, 47%, 0%, 4%) ergibt rgb(59, 130, 245). Das Feld nimmt Zahlen mit und ohne Prozentzeichen, getrennt durch Komma oder Leerzeichen, Sie können sie also direkt aus dem Markenhandbuch einfügen.

nach

Wie rechnet man CMYK in RGB um?

Ziehen Sie jede Farbe von eins ab, multiplizieren Sie das Ergebnis mit demselben Ausdruck für das Schwarz und dann mit 255. Prozentwerte setzen Sie als Brüche ein, 76% gehen also als 0,76 in die Formel.


Formel: R = 255 × (1 − C) × (1 − K), und der grüne sowie der blaue Kanal rechnen sich ebenso, nur aus Magenta und aus Gelb.


Die Farbe cmyk(76%, 47%, 0%, 4%) ergibt auf dem roten Kanal 255 × 0,24 × 0,96, also 59. Der grüne Kanal kommt auf 130 und der blaue auf 245, denn gelbe Farbe kommt in diesem Ton gar nicht vor. Das Ergebnis lautet rgb(59, 130, 245).


Einige Werte kehren häufiger wieder als andere. Das Schwarz allein bei 100% ergibt rgb(0, 0, 0), vier Nullen ergeben Weiß, und das Schwarz bei 20% ergibt das Grau rgb(204, 204, 204), also den Code #CCCCCC.


CMYK-Werte werden in vollen Prozent angegeben, deshalb kann ein Kanal auf dem Hin- und Rückweg um eine Stufe daneben landen. Am Bildschirm ist dieser Unterschied unsichtbar. Für den umgekehrten Weg nutzen Sie den Umrechner RGB in CMYK.

Was beschreiben die vier CMYK-Zahlen, und was die drei RGB-Zahlen?

Die vier CMYK-Zahlen sagen, wie viel Farbe an eine Stelle kommen soll. Die erste betrifft Cyan, die zweite Magenta, die dritte Gelb und die vierte das mit K bezeichnete Schwarz. Jede ist ein Prozentsatz der Deckung: null bedeutet blankes Papier, hundert bedeutet volle Deckung.


Druckfarben nehmen dem weißen Papier Licht, deshalb ergeben vier Nullen Weiß und steigende Werte führen zu einer immer dunkleren Farbe. Das hat eine Folge: CMYK-Werte gehören zu einem bestimmten Papier und einer bestimmten Farbe, denn dieselbe Mischung fällt auf gestrichenem Papier anders aus als auf ungestrichenem[1].

Tongefäße mit pulverförmigen Pigmenten in unterschiedlichen Farben
Jeder Farbton hat sein eigenes Pigment und verhält sich auf dem Untergrund auf eigene Weise. Die CMYK-Schreibweise beschreibt eine Mischung aus vier solchen Farbmitteln, die RGB-Schreibweise dieselbe Farbe als leuchtenden Punkt. Foto: Rob Oo, CC BY 2.0.

Die drei RGB-Zahlen beschreiben etwas anderes: die Stärke des Leuchtens. Der rote, der grüne und der blaue Kanal nehmen Werte von 0 bis 255 an, und der Bildschirm addiert ihr Licht, deshalb ergeben drei Nullen Schwarz und drei Höchstwerte Weiß.


Der Bildschirm hat dabei eine gemeinsame Skala: den sRGB-Farbraum, der für HTML und CSS gilt[2]. Deshalb sieht eine in RGB angegebene Farbe auf jedem konformen Gerät gleich aus, während dieselbe Farbe als Druckfarbe davon abhängt, worauf und womit gedruckt wurde.

Woher nimmt man die Websitefarbe, wenn das Markenhandbuch nur CMYK nennt?

Markenhandbücher entstehen meist zusammen mit gedruckten Materialien, sie beschreiben Farbe also so, wie die Maschine sie braucht: als vier Farbanteile. Eine Website braucht dieselbe Farbe als drei Zahlen oder als HEX-Code. Geben Sie die vier Werte in den Umrechner oben auf der Seite ein, dann erhalten Sie eine Schreibweise, die sich unmittelbar ins Stylesheet einfügen lässt.

Ein Druck in starker Vergrößerung: einzelne Farbpunkte liegen nebeneinander
In starker Vergrößerung erweist sich ein Druck als Raster aus Punkten. Die reinen Punkte sind die vier Farben, die roten, grünen und dunkelblauen Stellen entstehen dort, wo zwei von ihnen übereinanderliegen. Das Auge verbindet sie erst aus der Entfernung zu einer Farbe, der Bildschirm gibt diese Farbe sofort als drei Zahlen an. Foto: Psiĥedelisto, Lizenz CC0.

Behandeln Sie das Ergebnis als Ausgangspunkt und vergleichen Sie es mit einem gedruckten Muster, sofern Sie eines zur Hand haben. Die vier Zahlen beschreiben Farbe auf einem bestimmten Papier, der Bildschirm leuchtet aus eigener Kraft, deshalb weichen die beiden Fassungen einer Farbe immer etwas voneinander ab. Für eine Website zählt vor allem, dass der Ton wiedererkennbar bleibt und zum übrigen Erscheinungsbild passt.

Grundlegende CMYK-Werte und ihre Entsprechungen in RGB

Eine einzelne Farbe auf weißem Papier ergibt am Bildschirm eine Farbe aus zwei Kanälen, zwei Farben zusammen führen das Ergebnis auf einen Kanal zurück. Das Schwarz allein baut die Grautöne auf.
CMYK-WerteRGB-WerteHEX-Code
0%, 0%, 0%, 0%255, 255, 255#FFFFFF
100%, 0%, 0%, 0%0, 255, 255#00FFFF
0%, 100%, 0%, 0%255, 0, 255#FF00FF
0%, 0%, 100%, 0%255, 255, 0#FFFF00
0%, 100%, 100%, 0%255, 0, 0#FF0000
100%, 0%, 100%, 0%0, 255, 0#00FF00
100%, 100%, 0%, 0%0, 0, 255#0000FF
0%, 0%, 0%, 10%230, 230, 230#E6E6E6
0%, 0%, 0%, 20%204, 204, 204#CCCCCC
0%, 0%, 0%, 50%128, 128, 128#808080
0%, 0%, 0%, 80%51, 51, 51#333333
0%, 0%, 0%, 90%25, 25, 25#191919
0%, 0%, 0%, 100%0, 0, 0#000000
30%, 0%, 100%, 0%179, 255, 0#B3FF00

Ein Grau aus dem Schwarz allein hat am Bildschirm drei gleiche Kanäle, sein HEX-Code besteht deshalb aus drei gleichen Zeichenpaaren.

Vier Drucktöne von Schwarz und ein Schwarz am Bildschirm

Drucker unterscheiden mehrere Schwarztöne, denn jeder verhält sich auf dem Papier anders. Der Bildschirm beschreibt sie alle mit einer Schreibweise, deshalb sagt die Spalte mit der Farbsumme mehr über sie aus als die RGB-Werte.
Art des SchwarzCMYK-WerteFarbsummeRGB-Werte
Einfaches Schwarz0%, 0%, 0%, 100%100%0, 0, 0
Tiefschwarz (Beispielrezept)60%, 40%, 40%, 100%240%0, 0, 0
Schwarz an der Grenze des Profils75%, 68%, 67%, 90%300%6, 8, 8
Passerschwarz100%, 100%, 100%, 100%400%0, 0, 0

Die Farbsumme ist der Gesamtanteil der vier Werte an einer Stelle. Das Profil PSO Coated v3 lässt 300% zu[3], deshalb dient Passerschwarz ausschließlich den Druckmarken. Das genaue Rezept für Tiefschwarz nennt die Druckerei in der Datenspezifikation, zusammen mit dem Namen des Profils — die Liste der Profile finden Sie beim Umrechner RGB in CMYK.

Farben aus Markenhandbüchern in drei Schreibweisen zugleich

So sieht eine typische Liste von Markenfarben nach der Umrechnung auf den Bildschirm aus. Den HEX-Code aus der letzten Spalte fügen Sie unmittelbar ins Stylesheet oder in eine Variable des Designsystems ein.
CMYK-WerteRGB-WerteHEX-Code
100%, 72%, 0%, 6%0, 67, 240#0043F0
85%, 50%, 0%, 0%38, 128, 255#2680FF
76%, 47%, 0%, 4%59, 130, 245#3B82F5
0%, 90%, 86%, 0%255, 25, 36#FF1924
0%, 35%, 85%, 0%255, 166, 38#FFA626
0%, 24%, 94%, 0%255, 194, 15#FFC20F
0%, 0%, 0%, 80%51, 51, 51#333333
0%, 0%, 0%, 100%0, 0, 0#000000

Farben ohne Schwarzanteil kommen am Bildschirm am hellsten heraus, denn jeder der drei Kanäle beginnt dann bei vollen 255 und verliert nur so viel, wie eine einzelne Druckfarbe wegnimmt.

Wie stellt man ein Dokument von CMYK auf RGB um?

Druckdateien öffnen Sie in denselben Programmen, in denen sie entstanden sind, und die Umstellung des Modus liegt in jedem in einem anderen Menü.

  1. Photoshop

    Wählen Sie Bearbeiten › In Profil umwandeln und geben Sie sRGB als Zielprofil an, das Browser erwarten. Schneller geht Bild › Modus › RGB-Farbe, was das im Programm eingestellte Profil verwendet.
  2. Illustrator

    Wählen Sie Datei › Dokumentfarbmodus › RGB-Farbe. Die Änderung erfasst das gesamte Dokument samt Farbfeldern, zuvor mit vier Werten gespeicherte Farben erhalten also drei neue.
  3. InDesign

    Die Umrechnung erfolgt beim Speichern. Wählen Sie Datei › Exportieren, wechseln Sie in den Reiter Ausgabe und stellen Sie unter Farbkonvertierung die Umwandlung in das Zielprofil ein; im Feld für das Profil geben Sie sRGB an.
  4. GIMP

    Version 3.0 liest CMYK-Dateien in den Formaten JPEG, TIFF, PSD und JPEG XL, wobei die Bearbeitung in RGB stattfindet[4]. Das Öffnen einer solchen Datei genügt also, um das Bild in Bildschirmfarben zu erhalten.

Quellen

  1. CMYK-FarbmodellWikipedia
  2. sRGB-FarbraumWikipedia
  3. PSOcoated_v3.icc — Eintrag im ProfilregisterInternational Color Consortium
  4. GIMP 3.0 Release NotesGIMP

Alle Werte in den Tabellen haben wir aus den Einheitendefinitionen berechnet und vor der Veröffentlichung rechnerisch geprüft. Historische Angaben und die Namen lokaler Einheiten stützen sich auf die oben genannten Quellen.

Inhalt zuletzt geprüft: · erstellt und geprüft vom Arteon-Team

Häufige Fragen zur Umrechnung von CMYK in RGB

Wie rechnet man CMYK in einen HEX-Code um?

Geben Sie die vier Werte in den Umrechner oben ein und übertragen Sie das Ergebnis in den Umrechner RGB in HEX. Fertige Codes für die häufigsten Markenfarben sammelt die Tabelle mit drei Schreibweisen auf dieser Seite.

Kommt aus CMYK genau dieselbe RGB-Farbe zurück, von der man ausgegangen ist?

Beinahe. Die vier CMYK-Zahlen sind ganzzahlig, deshalb kehrt rgb(59, 130, 246) als rgb(59, 130, 245) zurück. Eine Stufe von 256 ist am Bildschirm nicht zu unterscheiden, wenn Ihnen aber die ursprüngliche Bildschirmfarbe vorliegt, verwenden Sie diese.

Warum sieht eine gedruckte Farbe am Bildschirm anders aus?

Papier wirft Licht zurück, der Bildschirm sendet es aus, dieselbe Farbe erreicht das Auge also auf zwei Wegen, und das Ergebnis hängt zusätzlich vom Papier ab. Die Umrechnung liefert die nächstgelegene Entsprechung am Bildschirm; das abschließende Urteil überlassen Sie dem Vergleich mit einem gedruckten Muster.

Ist 100% Schwarz dasselbe wie Tiefschwarz?

Am Bildschirm ergeben beide rgb(0, 0, 0), auf dem Papier unterscheiden sie sich in der Tiefe. Einfaches Schwarz nutzt nur die schwarze Farbe und eignet sich für Text, denn es braucht nur eine Platte im Passer. Tiefschwarz ergänzt die übrigen drei Farben und ergibt dunklere große Flächen.

Was bedeutet Passerschwarz mit 100/100/100/100?

Das ist eine Marke für die Druckerei, mit der Schnittlinien und Passkreuze angelegt werden, damit sie auf allen vier Platten zugleich erscheinen. Die Farbsumme beträgt dabei 400%, also mehr als die 300%, die das Profil PSO Coated v3 zulässt[3], weshalb in der Grafik selbst einer der übrigen Schwarztöne verwendet wird.

Darf eine Datei für die Website in CMYK bleiben?

Browser gehen vom sRGB-Farbraum aus[2], speichern Sie Fotos und Grafiken für das Web deshalb in RGB. So sehen die Farben in jedem Browser und auf jedem konformen Bildschirm gleich aus.

Wie ändert man CMYK in Photoshop in RGB?

Öffnen Sie die Datei und wählen Sie Bearbeiten › In Profil umwandeln, dann geben Sie sRGB als Zielprofil an. Der kürzere Weg führt über Bild › Modus › RGB-Farbe und nutzt das im Programm eingestellte Profil.

Woher nimmt man CMYK-Werte, wenn nur eine Bildschirmfarbe vorliegt?

Rechnen Sie sie mit dem Umrechner RGB in CMYK in die andere Richtung um. Die Schaltfläche Reihenfolge tauschen über dem Text führt mit einem Klick dorthin.

Screenshot des kostenlosen Arteon-Werkzeugs: CMYK-Werte in eine RGB-Farbe umrechnen

Helfen Sie uns, unsere Werkzeuge zu verbessern

Haben Sie eine Idee, einen Fehler gefunden oder einen Vorschlag für ein neues Werkzeug? Schreiben Sie uns – wir antworten innerhalb von 24 Stunden.