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 und teile jeden Kanal durch 255.
- Berechne den Key-Anteil (Schwarz): K = 1 − max(R, G, B).
- Leite die übrigen Farben ab, indem du diesen Schwarzanteil herausrechnest: C = (1 − R − K) / (1 − K), analog für Magenta und Gelb.
- Multipliziere alle vier Werte mit 100, um Prozentwerte zu erhalten. Reines Schwarz ergibt direkt 0/0/0/100.
Beispiel zum Nachrechnen
Das ist eine geräteunabhängige Näherung. Der reale Druck hängt von Papier, Farbe und ICC-Profil ab. Nimm das Ergebnis als Ausgangspunkt und prüfe bei markenkritischen Farben 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(0%, 0%, 0%, 100%) |
| white | #FFFFFF | cmyk(0%, 0%, 0%, 0%) |
| red | #FF0000 | cmyk(0%, 100%, 100%, 0%) |
| lime | #00FF00 | cmyk(100%, 0%, 100%, 0%) |
| blue | #0000FF | cmyk(100%, 100%, 0%, 0%) |
| yellow | #FFFF00 | cmyk(0%, 0%, 100%, 0%) |
| orange | #FFA500 | cmyk(0%, 35%, 100%, 0%) |
| teal | #008080 | cmyk(100%, 0%, 0%, 50%) |
| purple | #800080 | cmyk(0%, 100%, 0%, 50%) |
| gray | #808080 | cmyk(0%, 0%, 0%, 50%) |