CMYK in HEX umrechnen Cyan Magenta Yellow Black ↔ Hexadecimal Kostenlos Online Sicher
Geben Sie einen Wert in CMYK ein und lesen Sie ihn sofort in HEX ab. Gerechnet wird in Ihrem Browser, nichts wird irgendwohin geschickt, und wovon das Ergebnis abhängt, steht unten, statt vorausgesetzt zu werden.
Kein Upload
Woher diese Schreibweisen kommen
Hex und RGB sind dasselbe, zweimal geschrieben. Eine Bildschirmfarbe sind drei Zahlen — wie viel rotes, grünes und blaues Licht auszusenden ist —, jede von 0 bis 255, also ein Byte; Hex schreibt diese Bytes schlicht im Sechzehnersystem, sodass #FF8800 und rgb(255, 136, 0) derselbe Befehl an denselben Bildpunkt sind. HSL wurde erfunden, weil keines von beiden für Menschen lesbar ist: es gibt den Farbton als Winkel auf einem Farbkreis an, Sättigung und Helligkeit als Prozentwerte, sodass ein Gestalter etwas heller machen kann, ohne drei Zahlen neu zu berechnen. CMYK gehört einer ganz anderen Welt an — der Farbe, nicht dem Licht. Es ist subtraktiv, aus vier Druckplatten gebaut, und es erreicht nicht jede Farbe, die ein Bildschirm kann, denn der Bildschirm sendet Licht aus, das Papier wirft es nur zurück.
Wo sie Ihnen begegnen
Hex ist das, was Sie in ein Stylesheet tippen und was ein Gestaltungswerkzeug Ihnen reicht. RGB erscheint überall dort, wo mit einer Farbe gerechnet wird — Verläufe, Transparenz, Code, der einen Ton berechnet. Zu HSL greift man beim Abstimmen einer Palette von Hand, weil die gewünschten Änderungen meist Änderungen einer seiner drei Zahlen sind. CMYK verlangt die Druckerei, und die Umrechnung dorthin ist der Augenblick, in dem ein Entwurf aufhört, Licht zu sein, und zu Farbe wird.
Häufige Fragen
Warum weicht mein CMYK-Ergebnis von dem der Druckerei ab?
Weil es keine einzige richtige Umrechnung gibt. Die Rechnung auf dieser Seite ist die einfache, geräteunabhängige — die richtige Antwort, wenn Sie einen Ausgangspunkt oder eine grobe Entsprechung brauchen. Eine Druckerei rechnet über ein Farbprofil um, das die bestimmte Farbe, das Papier und die Maschine berücksichtigt; dieselbe RGB-Farbe ergibt auf glänzendem Papier andere CMYK-Werte als auf ungestrichenem. Was genau stimmen muss, verlangt das Profil der Druckerei, nicht das Vertrauen in eine Formel.
Warum lassen sich manche Bildschirmfarben nicht drucken?
Weil beide nicht dieselben Farben erreichen. Ein Bildschirm macht Farbe durch Hinzufügen von Licht und kann ein leuchtendes, gesättigtes Cyan oder Grün erzeugen, dem Druckfarbe schlicht nicht nahekommt; Papier macht Farbe durch Verschlucken von Licht, und das Hellste, was es je sein kann, ist das Weiß der Seite. Die Menge der erreichbaren Farben heißt Farbraum, und wo sie sich nicht überschneiden, muss eine Umrechnung die nächstliegende verfügbare Farbe wählen. Darum wirkt eine leuchtende Bildschirmfarbe im Druck oft etwas matter.
Ist das Ergebnis exakt?
Wo beide Einheiten durch ganze Zahlen voneinander abgeleitet sind, ja — die Seite sagt es über der Zahl, und gerundet wird nur bei der Anzahl der angezeigten Stellen. Wo das Verhältnis keine endliche Dezimalzahl hat, zeigt die Seite zwölf signifikante Stellen und nennt die Beziehung näherungsweise, statt etwas anderes vorzugeben.
Verlässt etwas, das ich eingebe, mein Gerät?
Nein. Die Rechnung läuft in Ihrem Browser; nichts wird hochgeladen, und es gibt auch keinen Server dafür. Einmal geladen, funktioniert die Seite auch ohne Netz.
Warum man CMYK in HEX umrechnet
Menschen im Druck schreiben Farben in vier Zahlen, Menschen im Web in einem kurzen Code. Irgendwo zwischen beiden steht auf einem Auftragsblatt, der Akzent eines Katalogs sei 0, 60, 100, 0, und ein Entwickler muss wissen, was er im Stylesheet hinter das Rautenzeichen tippen soll. Oder ein Druckdesigner soll die Webfarbe einer Marke liefern, deren Handbuch nur CMYK nennt. Oder eine E-Mail-Vorlage braucht dasselbe Orange wie der Flyer der letzten Saison. In jedem Fall führt der Weg hinüber über das Umrechnen von CMYK in HEX: Sie nehmen die vier Prozentwerte der Druckfarben und gelangen zu dem sechsstelligen Code, den ein Browser versteht.
Die Umrechnung hat zwei Schritte, die beide diese Seite für Sie erledigt: von der Druckfarbe zu dem roten, grünen und blauen Licht, das ein Bildschirm zeigen würde, und von diesen drei Zahlen zu ihrer Hex-Schreibweise. Der zweite Schritt ist exakt. Der erste ist eine Standardformel, die fast jedes Webwerkzeug verwendet, und sie hat ehrliche Grenzen. Druckfarbe auf Papier und Licht auf einem Bildschirm sind verschiedene Dinge, und eine getreue Umrechnung zwischen ihnen braucht das Profil der Druckmaschine, des Papiers und Ihres Monitors. Ohne diese ist der Code, den Sie erhalten, ein guter Ausgangspunkt und kein Versprechen auf Übereinstimmung. Die Seite sagt das klar.
Die Berechnung findet in Ihrem Browser statt, und nichts wird hochgeladen. Weiter unten finden Sie die beiden Schritte mit einem durchgerechneten Beispiel, was die Umrechnung erhält und was nicht, die Gründe, warum eine Bildschirmfarbe aus dieser Formel heller ist als ihr gedruckter Vorfahr, die Situationen, in denen Menschen CMYK in HEX umrechnen müssen, und eine kurze Anleitung, sich für eine Markenfarbe im Web zu entscheiden.
Wie die Umrechnung funktioniert
Schritt eins: von der Druckfarbe zum Licht
Jede Druckfarbe wirkt wie ein Filter, der etwas Licht wegnimmt. Cyan nimmt Rot weg, Magenta nimmt Grün weg, Gelb nimmt Blau weg, und Schwarz nimmt von allen dreien einen Anteil weg. Die Formel lautet R = 255 × (1 − C) × (1 − K), und entsprechend für Grün mit Magenta und für Blau mit Gelb. Bei cmyk(0%, 60%, 100%, 0%) ist Schwarz null, der Schwarzfaktor also 1. Rot ist 255 × 1 × 1 = 255. Grün ist 255 × 0,4 × 1 = 102. Blau ist 255 × 0 × 1 = 0. Die Bildschirmfarbe ist rgb(255, 102, 0).
Schritt zwei: von drei Zahlen zu einem Code
Jede Zahl wird im Sechzehnersystem mit zwei Ziffern geschrieben: 255 ist FF, 102 ist 66 und 0 ist 00. Mit einem Rautenzeichen zusammengesetzt lautet der Code #FF6600, ein leuchtendes Orange. Der zweite Schritt ist exakt: Hex ist nur eine andere Art, dieselben drei Zahlen zu schreiben.
Ganze Zahlen und ganze Prozent
Die vier Eingaben sind ganze Prozentwerte, und die drei Ausgaben werden auf ganze Zahlen von 0 bis 255 gerundet. Beide Rundungen sind klein, bedeuten aber, dass die Farbe nicht immer genau auf dieselben Prozentwerte zurückkehrt, wenn Sie sie zurückrechnen.
Was die Umrechnung erhält und was nicht
Sie erhält die Farbe so nah, wie eine Formel sie fassen kann
Das Ergebnis ist die Farbe so nah, wie eine Formel sie setzen kann, und die vier Platten in der Reihenfolge, die ein Drucker erwartet: Cyan, Magenta, Gelb und das Schwarz, das die Schatten trägt. Schwarz wird auf alle drei Kanäle angewendet, so wie eine Schicht schwarzer Druckfarbe alles verdunkelt, was darunter liegt.
Die ehrliche Grenze: Es gibt keine einzig richtige Antwort
Das ist die Grenze der ganzen Seite. Eine getreue Umrechnung braucht das Profil der Druckmaschine, des Papiers und Ihres Monitors. Ohne diese erhalten Sie die Standardformel: gut genug, um am Bildschirm eine Farbe zu wählen, nicht gut genug, um zu behaupten, die Webfarbe und die gedruckte Farbe seien gleich. Betrachten Sie den Code als Ausgangspunkt, vergleichen Sie ihn bei Tageslicht mit einem gedruckten Muster und passen Sie ihn an.
Was die Formel nicht tragen kann
Ein aus mehreren Farben gemischtes Tiefschwarz kommt als eine einzige flache dunkle Farbe heraus. Eine Sonderfarbe wie eine Pantone-Farbe hat überhaupt kein CMYK-Äquivalent, eine Vierfarbaufschlüsselung davon ist also schon eine Näherung, und das Hex aus dieser Aufschlüsselung ist eine Näherung der Näherung. Ist die Markenfarbe eine Sonderfarbe, suchen Sie den Bildschirmwert, den ihr Hersteller veröffentlicht.
Der Hin-und-zurück-Weg ist nicht exakt
Weil die vier Zahlen als ganze Prozentwerte geschrieben werden, kann eine hinüber und zurück geführte Farbe einen Schritt daneben landen: #5A4632 kommt als #594632 zurück. Behalten Sie das Original als Master und rechnen Sie nur in eine Richtung um.
Warum die Farben der Formel heller aussehen als der Druck
Papier nimmt Licht weg
Papier reflektiert nur einen Teil des Lichts, das darauf fällt, und keine Druckfarbe ist ein vollkommener Filter, sodass jede gedruckte Farbe dunkler und matter ist, als die Formel nahelegt. Ein Bildschirm leuchtet, und der Code, den Sie von dieser Seite erhalten, erscheint heller und sauberer als der Druck, von dem er abgeleitet wurde.
Reine Druckfarben sind nicht das, was die Formel annimmt
Die Formel behandelt 100% Cyan als reines Cyan, rgb(0, 255, 255). Eine echte Cyan-Druckfarbe ist tiefer und näher an rgb(0, 174, 239). Die kräftigsten Farben, die mit hohen Farbwerten, sind dort, wo sich Formel und Druck am stärksten trennen.
Softproofs machen es besser
Layoutprogramme können das ICC-Profil einer Druckmaschine nutzen, um den Druck am Bildschirm zu simulieren. Haben Sie Zugang zu einem, liegt der Hex-Code, den Sie aus einem Softproof nehmen, näher am Druck als der von dieser Seite. Nutzen Sie diese Seite für die schnelle Antwort und das Profil für die endgültige.
Wo Ihnen die Umrechnung begegnet
Eine Webfarbe für eine Druckmarke festlegen
Eine für den Druck definierte Marke hat CMYK-Werte. Um sie im Web zu verwenden, rechnet ein Designer CMYK in HEX um, trägt den Code in das Stylesheet ein und prüft gegen ein gedrucktes Muster. Der vereinbarte Code kommt neben das CMYK ins Markenblatt.
E-Mail-Vorlagen und Dokumente
E-Mail-Programme und Office-Programme nehmen Hex-Codes. Muss eine Vorlage zu einem Druckstück passen, liefert die Umrechnung einen Code, von dem man ausgehen kann.
Soziale Medien und Präsentationen
Grafiken für soziale Medien, Folien und Videos leben auf Bildschirmen. Eine Farbe von einem gedruckten Flyer muss in einen Bildschirmcode verwandelt werden, bevor sie dort verwendet werden kann.
Mit Kollegen sprechen
Ein Hex-Code ist kurz und universell. Müssen Sie einem Webentwickler sagen, welches Orange das Druckteam meint, ist der Code die Form, die er sofort verwenden kann.
So rechnen Sie CMYK hier in HEX um
Die vier Prozentwerte eintippen
Geben Sie die Farbe im ersten Feld in der Form cmyk(0%, 60%, 100%, 0%) ein, oder einfach die vier Zahlen, durch Kommas oder Leerzeichen getrennt.
Den Hex-Code ablesen
Die Antwort erscheint sofort, wie in cmyk(0%, 60%, 100%, 0%) = #FF6600. Sie wird in Großbuchstaben mit Rautenzeichen geschrieben.
Gegen den Druck prüfen
Halten Sie ein gedrucktes Muster bei Tageslicht neben den Bildschirm. Sieht der Bildschirm heller aus, senken Sie die Sättigung etwas und halten Sie den Code fest, bei dem Sie landen.
Woher diese Schreibweisen kommen
Hex und RGB sind dasselbe, zweimal geschrieben
Eine Bildschirmfarbe sind drei Zahlen, wie viel rotes, grünes und blaues Licht ausgesendet werden soll, jede von 0 bis 255, also ein Byte. Hex schreibt diese Bytes einfach im Sechzehnersystem. Um die Zahlen hinter einem Code zu sehen, rechnen Sie HEX in RGB um.
HSL und CMYK
HSL wurde erfunden, weil keine der beiden für Menschen lesbar ist: Es gibt den Farbton als Winkel um einen Farbkreis an, mit Sättigung und Helligkeit als Prozentwerten, sodass ein Designer etwas heller machen kann, ohne drei Zahlen neu zu berechnen. CMYK gehört zu einer ganz anderen Welt, Druckfarbe statt Licht. Es ist subtraktiv, aus vier Druckplatten aufgebaut, und kann nicht jede Farbe erreichen, die ein Bildschirm zeigen kann, weil ein Bildschirm Licht aussendet, während Papier es nur reflektiert.
Fallen beim Umrechnen von CMYK in HEX
Die gedruckte Farbe am Bildschirm erwarten
Der Code liegt im Farbton nah und ist heller als der Druck. Vergleichen Sie bei Tageslicht mit einem Muster.
100% Schwarz als Textfarbe verwenden
Die Formel liefert #000000. Gedrucktes Schwarz ist weicher. Wollen Sie denselben Eindruck am Bildschirm, wählen Sie ein sehr dunkles Grau wie #141414.
Hin und her umrechnen
Jeder Schritt in beide Richtungen fügt Fehler hinzu. Wählen Sie einen Master und leiten Sie die andere Farbe einmal von ihm ab.
Die Sonderfarbe vergessen
Eine Pantone-Farbe hat einen offiziellen Bildschirmwert. Verwenden Sie ihn anstelle der Vermutung der Formel.
Fragen, die man vor dem Umrechnen stellt
Was ist cmyk(0%, 0%, 0%, 0%) in Hex?
#FFFFFF, Weiß: keine Druckfarbe auf weißem Papier.
Was ist cmyk(0%, 0%, 0%, 100%) in Hex?
#000000, Schwarz nach der Formel, obwohl gedrucktes Schwarz weniger tief ist.
Warum sieht meine Webfarbe anders aus als meine Broschüre?
Weil beide unterschiedlich erzeugt werden: Licht und Druckfarbe. Papier, Druckmaschine und Beleuchtung verändern alle den Druck, und die Formel kennt keines davon.
Ist die Umrechnung exakt?
Die Arithmetik ist an einem vereinfachten Modell exakt. Die Übereinstimmung mit dem Druck ist angenähert.
Wird meine Farbe hochgeladen?
Nein. Die Arithmetik läuft in Ihrem Browser, und nichts wird irgendwohin gesendet.
Wie komme ich zurück?
Sich auf eine Webfarbe für eine Druckmarke festlegen
Von der Formel ausgehen, nach Augenmaß abschließen
Rechnen Sie CMYK in HEX um, um eine Basis zu erhalten. Vergleichen Sie dann bei Tageslicht den Bildschirm mit einem gedruckten Muster und passen Sie den Code an, bis der Eindruck derselbe ist. Das Ergebnis ist eine Webfarbe, die der Marke gehört und nicht einer Formel.
Festhalten, wie Sie dazu kamen
Vermerken Sie im Markenblatt, dass das Hex nach Augenmaß gegen ein bestimmtes Muster an einem bestimmten Datum abgeglichen wurde. Ein künftiger Designer, der sich fragt, warum es vom Wert der Formel abweicht, hat dann die Antwort.
Überall verwenden
Einmal gewählt, sollte der Code auf der Website, in den E-Mail-Vorlagen, in den Präsentationen und im Social-Media-Kit erscheinen. Eine Farbe an vielen Stellen ist es, was eine Marke einheitlich wirken lässt.
Prüfen, wenn sich der Druck ändert
Wird die Marke auf einem anderen Papier oder mit einer anderen Maschine nachgedruckt, kann sich die gedruckte Farbe verschieben, und die Übereinstimmung sollte erneut geprüft werden. Eine Markenfarbe ist ein Paar von Werten, eines für jedes Medium, und beide sollten gemeinsam überprüft werden.
Praktische Gewohnheiten beim Umrechnen von CMYK in HEX
CMYK in HEX Farbe für Farbe umrechnen und das Ergebnis notieren
Eine Marke hat meist zwischen drei und acht Farben. Rechnen Sie CMYK für jede in HEX um und schreiben Sie die Antworten in eine Tabelle, mit dem CMYK daneben und einer Spalte für den abgeglichenen Code. Die Tabelle ist in zehn Minuten erstellt und erspart später Stunden des Ratens. Wird eine Farbe hinzugefügt oder geändert, muss nur eine Zeile neu gemacht werden.
Jeder Farbe eine Rolle geben
Benennen Sie die Farben nach dem, was sie tun: Primär, Akzent, Text, Fläche. Ein Hex-Code allein sagt nichts darüber, wo er zu verwenden ist, ein Name schon. Definieren Sie die Codes im Stylesheet als benutzerdefinierte Eigenschaften mit diesen Namen, sodass eine Änderung der Marke das Bearbeiten weniger Zeilen bedeutet.
Text auf Farbe prüfen
Sobald die Codes vorliegen, testen Sie jedes Paar aus Text und Hintergrund auf Kontrast. Druckfarben, die auf Papier gut lesbar sind, können am Bildschirm versagen, wo der Hintergrund leuchtet und der Text sich davon abheben muss. Die Hex-Codes gehen direkt in jeden Kontrastprüfer.
Auf dunkle und gesättigte Farben achten
Die leuchtendsten Druckfarben, besonders tiefe Blautöne und kräftige Grüntöne, sind diejenigen, die sich von ihren Formelwerten am stärksten unterscheiden. Hat Ihre Marke eine solche, rechnen Sie CMYK in HEX um, sehen Sie sich dann den Bildschirm neben dem Druck an und rechnen Sie damit, um einige Schritte nachzujustieren.
Das CMYK im Dateinamen oder in den Notizen aufbewahren
Speichern Sie ein Bild oder Dokument, das mit einer umgerechneten Farbe erstellt wurde, vermerken Sie, von welchem CMYK sie stammt. Wird die Marke nachgedruckt oder ändert sich die Maschine, lässt Sie die Aufzeichnung die Umrechnung mit gutem Gewissen wiederholen.
Ein Hinweis zu Kurzschreibweise und Transparenz
Kurze Codes
Wiederholen sich die drei Paare der Antwort, wie bei #FF6600, dürfen Sie in einem Stylesheet die Kurzform #F60 schreiben. Es ist dieselbe Farbe, und manche finden sie leichter lesbar. Die Seite liefert die Langform, die stets gültig ist.
Transparenz
Der Druck kennt keine Transparenz dieser Art, die Antwort hier ist also stets eine deckende Farbe. Brauchen Sie eine durchscheinende Fassung für ein Web-Overlay, nehmen Sie den Code und fügen Sie ein Alpha-Paar hinzu, zum Beispiel #FF660080 für halbe Stärke.
Verwandte Umrechner
Dieselbe Werkzeugfamilie deckt die benachbarten Umrechnungen ab. Für den Rückweg nutzen Sie HEX in CMYK umrechnen. Für die RGB-Zahlen direkt gibt es CMYK in RGB umrechnen und RGB in CMYK umrechnen, und für die Bildschirmschreibweisen selbst HEX in RGB umrechnen, RGB in HEX umrechnen und HEX in HSL umrechnen. Für Dateien, die zum Drucker gehen, macht PDF verkleinern ein Dokument leichter.
Ein durchgerechnetes Beispiel
Angenommen, der Flyer der letzten Saison verwendete ein Orange von cmyk(0%, 60%, 100%, 0%), und das Webteam braucht es für die Landingpage der neuen Saison. Sie tippen die vier Zahlen und lesen #FF6600 ab. Auf der Seite ist das Orange hell und heiß. Neben dem Flyer bei Tageslicht gehalten, ist die Bildschirmfarbe deutlich lebhafter, also nimmt der Designer sie auf #F26B0F zurück und hält die Übereinstimmung fest. Das CMYK bleibt der Master für den Druck, das abgeglichene Hex ist der Master für das Web, und das #FF6600 der Formel wird im Markenblatt als Ausgangspunkt vermerkt.
Eine kurze Checkliste
Vor dem Umrechnen
Prüfen Sie, dass die Farbe Prozess-CMYK ist und keine Sonderfarbe. Suchen Sie ein gedrucktes Muster, wenn Sie können.
Beim Umrechnen
Tippen Sie die vier Prozentwerte, lesen Sie den Code ab und kopieren Sie ihn mit seinem Rautenzeichen.
Nach dem Umrechnen
Vergleichen Sie bei Tageslicht mit dem Muster, passen Sie bei Bedarf nach Augenmaß an und halten Sie den endgültigen Code mit einem Vermerk darüber fest, wie er gewonnen wurde.
Häufige Fehler
Die Formel als endgültig behandeln
Sie ist ein Ausgangspunkt. Der Druck entscheidet.
Reines Schwarz für Text verwenden
Gedrucktes Schwarz ist weicher. Wählen Sie ein dunkles Grau, wenn Sie denselben Eindruck wollen.
Im Kreis umrechnen
Gehen Sie einmal vom Original aus und behalten Sie das Ergebnis.
Ihre Farben bleiben auf Ihrem Gerät
Die Berechnung findet lokal statt. Ihre Werte werden von Ihrem eigenen Browser verwendet, und nichts wird irgendwohin gesendet. Hinterher gibt es nichts zu löschen und kein Konto anzulegen. Das ist der schlichte Weg, CMYK in HEX umzurechnen.
Zusammenfassung
Um CMYK hier in HEX umzurechnen, tippen Sie die vier Prozentwerte und lesen den Hex-Code sofort ab. Die Umrechnung hat zwei Schritte: von der Druckfarbe zu dem roten, grünen und blauen Licht, das ein Bildschirm zeigen würde, mit einer Standardformel, und von diesen drei Zahlen zu ihrer Hex-Schreibweise, die exakt ist. Für den ersten Schritt gibt es keine einzig richtige Antwort, weil Druckfarbe auf Papier und Licht auf einem Bildschirm verschiedene Dinge sind und eine getreue Umrechnung das Profil der Druckmaschine, des Papiers und Ihres Monitors braucht. Ein Tiefschwarz kommt als eine einzige flache dunkle Farbe heraus, eine Sonderfarbe hat kein CMYK-Äquivalent, und ganze Prozentwerte bedeuten, dass ein Hin-und-zurück-Weg einen Schritt daneben landen kann. Betrachten Sie den Code als Ausgangspunkt und vergleichen Sie ihn mit einem gedruckten Muster. Nichts wird hochgeladen.