Rechne CMYK-Druckwerte in HEX, RGB und CSS um und HEX zurück in CMYK. Sieh dir die nächstliegende Tailwind-Farbe und Warnungen zum Farbauftrag an und erfahre, warum Bildschirm und Papier nie exakt übereinstimmen.
Gib die vier CMYK-Prozentwerte aus deiner Druckdatei ein und du erhältst die HEX- und RGB-Werte für deine Website, berechnet mit der Standardformel (Rot = 255 × (1 − C) × (1 − K), entsprechend für Grün und Blau). Es funktioniert auch rückwärts von HEX aus und sammelt mehrere Farben in einer CSS-Palette.
Druck- und Bildschirmfarbe im Vergleich
Wandle die Farben aus einem gedruckten Markenhandbuch in Werte um, die eine Website nutzen kann, oder geh für einen Druckauftrag den umgekehrten Weg. Jede Farbe zeigt ihre HEX-, RGB- und CSS-Form, die nächstliegende Tailwind-Klasse und eine Warnung, wenn der Gesamtfarbauftrag höher ist, als die meisten Druckereien akzeptieren.
Berechne jeden RGB-Kanal mit 255 × (1 − Druckfarbe) × (1 − Schwarz), wobei die Druckfarben als Anteile angegeben werden: Cyan ergibt Rot, Magenta ergibt Grün, Gelb ergibt Blau. Schreibe dann jeden Kanal als zwei hexadezimale Ziffern. CMYK 0, 85, 80, 0 ergibt RGB 255, 38, 51, also #FF2633. Dieses Tool rechnet das für dich aus.
Bildschirme erzeugen Farbe durch Addition von Licht und können hellere, gesättigtere Farben darstellen als Druckfarbe auf Papier. Gedruckte Farbe verändert sich außerdem mit dem Papier, dem Farbsatz, der Druckmaschine und dem Licht, unter dem man sie betrachtet. Eine Formel kann all das nicht kennen, daher ist jede Umrechnung von CMYK in HEX ein guter Ausgangspunkt, keine Garantie.
Nein. Pantone-Farbwerte gehören Pantone, daher nehmen wir sie nicht auf. Nutze die offizielle App Pantone Connect oder den HEX-Wert in deinem Markenhandbuch. Wenn du nur eine Pantone-Nummer hast, kann dir dein Designer oder deine Druckerei den Bildschirmwert nennen, den Pantone dafür veröffentlicht.
Sie liefert die Lehrbuch-Umrechnung, die so viel wie möglich auf die schwarze Druckfarbe legt. Professionelle Software nutzt Farbprofile für das jeweilige Papier und die jeweilige Druckmaschine und kommt auf andere Zahlen. Nutze das Ergebnis, um eine Druckerei zu briefen, nicht um finale Druckdaten zu schicken.
Das ist die Farbe aus der Standardpalette von Tailwind, die deiner am ähnlichsten ist, gemessen im Farbraum OKLab. Unter 2 ist der Unterschied kaum zu erkennen; ab etwa 5 ist er sichtbar, nutze dann lieber deinen exakten HEX-Wert.
Beispielhafte CMYK-Werte und der HEX-Wert nach Standardformel (kein Abgleich mit der Druckmaschine)
Regler {label}
CMYK-Werte
Oder alle vier einfügen
Oder mit einer HEX-Farbe beginnen (Bildschirm zu Druck)
Gib einen 3- oder 6-stelligen HEX-Wert ein, etwa #4F98FB.
Fürs Web
Farbfeld von {hex}
CSS-Variable
Verwendetes CMYK
Kopieren
Nächste Tailwind-Farbe:
(Abweichung {n}{verdict}).
, sehr nah
, nah
, sichtbar, nutze deinen HEX-Wert
Kontrast als Text auf Weiß: {n}:1 {verdict}.
(geeignet für Fließtext)
(nur für großen Text)
(zu hell für Text auf Weiß)
Der Gesamtfarbauftrag beträgt {n}%. Viele Druckereien begrenzen ihn auf 300% oder weniger, daher wird er beim Druck eventuell angepasst.
Standardformel ohne Farbprofil. Druckergebnisse variieren je nach Papier, Druckfarbe und Druckmaschine.
Name
Zur Palette hinzufügen
Deine Palette
{name} entfernen
CSS-Variablen kopieren
Tailwind-Theme kopieren
Beispielumrechnungen
Kostenlos starten · Keine Kreditkarte nötig