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 |