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