Du kommst aus dem Druck und brauchst dieselbe Farbe im Web? Die Umrechnung von CMYK in HEX liefert dir die nächstgelegene Bildschirmentsprechung deiner Farbmischung — bereit zum Einfügen in CSS, Figma oder ein Markenblatt.
So funktioniert die Umrechnung von CMYK in HEX
- Teile alle vier CMYK-Prozentwerte durch 100.
- Wende zuerst den Key-Anteil an: jeder Kanal wird mit (1 − K) skaliert.
- Berechne die Kanäle: R = 255 × (1 − C) × (1 − K), G = 255 × (1 − M) × (1 − K), B = 255 × (1 − Y) × (1 − K).
- Runde jeden Kanal, schreibe ihn als zwei Hexadezimalziffern und setze sie hinter ein #.
Beispiel zum Nachrechnen
Naturgemäß eine Näherung. CMYK deckt weniger Farben ab als ein Bildschirm — der HEX-Wert ist also eine gute Vorschau, aber keine farbverbindliche Umrechnung. Dafür bräuchte es das ICC-Profil der Druckerei.
CMYK und HEX erklärt
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
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
Referenztabelle CMYK zu HEX
Die gängigsten CSS-Farben, umgerechnet von CMYK nach HEX.
| Farbe | CMYK | HEX |
|---|---|---|
| black | cmyk(0%, 0%, 0%, 100%) | #000000 |
| white | cmyk(0%, 0%, 0%, 0%) | #FFFFFF |
| red | cmyk(0%, 100%, 100%, 0%) | #FF0000 |
| lime | cmyk(100%, 0%, 100%, 0%) | #00FF00 |
| blue | cmyk(100%, 100%, 0%, 0%) | #0000FF |
| yellow | cmyk(0%, 0%, 100%, 0%) | #FFFF00 |
| orange | cmyk(0%, 35%, 100%, 0%) | #FFA600 |
| teal | cmyk(100%, 0%, 0%, 50%) | #008080 |
| purple | cmyk(0%, 100%, 0%, 50%) | #800080 |
| gray | cmyk(0%, 0%, 0%, 50%) | #808080 |