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
- Nimm die vier CMYK-Prozentwerte als Farbmengen für das Profil Coated FOGRA39.
- Lies die Farbe ab, die das Profil für diese Mischung druckt, mit relativ farbmetrischer Wiedergabeart und Tiefenkompensierung.
- Rechne diese Farbe nach sRGB um. Farben, die ein Bildschirm nicht darstellen kann, werden auf den nächstmöglichen Wert begrenzt.
- Runde jeden Kanal, schreibe ihn als zwei Hexadezimalziffern und setze sie hinter ein #.
Beispiel zum Nachrechnen
Hier gilt das Standardprofil Coated FOGRA39, nicht das Profil deiner Druckmaschine. Andere CMYK-Profile (zum Beispiel von deiner Druckerei) liefern andere Zahlen. Sieh den HEX-Wert deshalb als gute Vorschau und prüfe bei markenkritischen Farben einen Proof.
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(89%, 78%, 62%, 97%) | #010101 |
| white | cmyk(0%, 0%, 0%, 0%) | #FFFFFF |
| red | cmyk(0%, 95%, 92%, 0%) | #E52420 |
| lime | cmyk(64%, 0%, 100%, 0%) | #69B42D |
| blue | cmyk(93%, 75%, 0%, 0%) | #2C4A9A |
| yellow | cmyk(9%, 0%, 96%, 0%) | #F4E600 |
| orange | cmyk(0%, 43%, 94%, 0%) | #F6A216 |
| teal | cmyk(83%, 27%, 48%, 12%) | #098180 |
| purple | cmyk(63%, 100%, 4%, 1%) | #7D217E |
| gray | cmyk(48%, 39%, 39%, 21%) | #81807F |