Bildschirme mischen Licht, Druckmaschinen mischen Farbe, ein HEX-Code muss deshalb übersetzt werden, bevor etwas in den Druck geht. Dieser Konverter liefert dir die Cyan-, Magenta-, Gelb- und Key-Anteile, die deiner Webfarbe so nahe kommen, wie Druckfarbe es zulässt.
So funktioniert die Umrechnung von HEX in CMYK
- Rechne den HEX-Code in RGB um. Die Kanäle werden als sRGB-Werte zwischen 0 und 255 gelesen.
- Schlage die Farbe im Profil Coated FOGRA39 nach, dem Standard-ICC-Profil für gestrichenes Papier in Europa.
- Nutze die relativ farbmetrische Wiedergabeart mit Tiefenkompensierung, damit Weiß Papierweiß bleibt und Schwarz auf die dunkelste Druckfarbe fällt, die die Maschine drucken kann.
- Runde die vier Farbwerte auf ganze Prozent. Sie folgen der Photoshop-Standardeinstellung für Europa.
Beispiel zum Nachrechnen
Der reale Druck hängt weiterhin von Papier, Farbe und Maschine ab. Andere CMYK-Profile (zum Beispiel von deiner Druckerei) liefern andere Zahlen, prüfe bei markenkritischen Farben deshalb immer einen Proof.
HEX und CMYK erklärt
Was ist HEX?
Ein HEX-Code ist eine sechsstellige Hexadezimalzahl, die Rot-, Grün- und Blau-Kanal einer Farbe hinter einem # speichert. Jedes Ziffernpaar steht für einen Kanal, von 00 (nichts) bis FF (voll). Das ergibt dieselben 16,7 Millionen Farben wie RGB, nur deutlich kürzer notiert. HEX ist der Standard in CSS, Design-Tools und Markenrichtlinien.
- Syntax:
- #RRGGBB
- Wertebereich:
- 00–FF pro Kanal
- Ideal für:
- CSS, Design-Übergabe, Markenrichtlinien
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
Referenztabelle HEX zu CMYK
Die gängigsten CSS-Farben, umgerechnet von HEX nach CMYK.
| Farbe | HEX | CMYK |
|---|---|---|
| black | #000000 | cmyk(89%, 78%, 62%, 97%) |
| white | #FFFFFF | cmyk(0%, 0%, 0%, 0%) |
| red | #FF0000 | cmyk(0%, 95%, 92%, 0%) |
| lime | #00FF00 | cmyk(64%, 0%, 100%, 0%) |
| blue | #0000FF | cmyk(93%, 75%, 0%, 0%) |
| yellow | #FFFF00 | cmyk(9%, 0%, 96%, 0%) |
| orange | #FFA500 | cmyk(0%, 43%, 94%, 0%) |
| teal | #008080 | cmyk(83%, 27%, 48%, 12%) |
| purple | #800080 | cmyk(63%, 100%, 4%, 1%) |
| gray | #808080 | cmyk(48%, 39%, 39%, 21%) |