HWB-zu-CMYK-Umrechner

Sie möchten ein HWB-Muster in CMYK-Farbanteile für eine Druckvorschau, eine Verpackungsnotiz oder ein Produktionsticket umrechnen? Geben Sie den Farbton in Grad sowie Weißanteil und Schwarzanteil als Prozentsätze von null bis hundert ein und erhalten Sie Cyan, Magenta, Gelb und Key als ganze Prozentsätze, Zwischen-RGB-Kanäle sowie fertige hwb()- und cmyk()-Zeichenketten. Der Pfad ist vollständig deterministisch: HWB nach RGB im CSS-Stil, dann subtraktives RGB nach CMYK aus dem Lehrbuch, ohne Netzwerkanruf und ohne Zufallsseed.

Was HWB und CMYK für Design und Druck bedeuten

HWB steht für Farbton, Weißanteil und Schwarzanteil. Es ist das Modell, das Browser als CSS-Funktion hwb() bereitstellen und das viele Designwerkzeuge nutzen, wenn ein reiner Farbton mit Weiß und Schwarz gemischt werden soll, statt Sättigung und Helligkeit zu justieren. Der Farbton ist ein Winkel auf dem Farbkreis in Grad von null bis dreihundertsechzig.

Weißanteil und Schwarzanteil sind Prozentsätze, die den reinen Farbton Richtung weißes Papier bzw. schwarze Tinte mischen; zusammen dürfen sie in diesem Umrechner hundert Prozent nicht überschreiten, damit die Mischung im natürlichen HWB-Bereich bleibt und keine stille Renormalisierung erfolgt. CMYK ist das subtraktive Prozessfarbenmodell des kommerziellen Drucks: Cyan, Magenta und Gelb absorbieren Licht auf dem Papier, und Key (Schwarz) verstärkt Schatten und Schrift, ohne drei bunte Tinten zu stapeln.

Teams wählen oft einen Markenton als HWB in einem UI-Prototyp und brauchen danach stabile CMYK-Prozentsätze für einen Stanzkontur, ein Lieferantenformular oder eine schnelle Soft-Proof-Schätzung. Diese Fähigkeit erledigt genau diese Aufgabe: drei validierte HWB-Zahlen hinein, Druckprozentsätze und Begleitstrings hinaus. Sie ist keine vollständige ICC-Soft-Proof-Pipeline für Fotografie, aber eine zuverlässige analytische Basis für Vorschauen, QA-Skripte und Übergabenotizen, die bei jedem gleichen HWB-Tripel übereinstimmen müssen.

So funktioniert der Umrechnungsalgorithmus

Zuerst prüft die Engine, dass der Farbton zwischen null und dreihundertsechzig inklusive liegt und dass Weißanteil und Schwarzanteil jeweils zwischen null und hundert liegen. Gültige Eingaben werden auf Brüche von null bis eins normalisiert. Erreichen Weiß- plus Schwarzanteil eins, ist das Ergebnis ein reines Grau, dessen Stufe Weißanteil geteilt durch die Summe ist, entsprechend dem HWB-Pfad von CSS Color Level 4.

Andernfalls wird ein voll gesättigtes reines RGB-Tripel aus dem Farbtonsektor gebaut (gleiche Geometrie wie HSL mit voller Sättigung und mittlerer Helligkeit); anschließend wird jeder Kanal mit eins minus Weißanteil minus Schwarzanteil skaliert und um den Weißanteil verschoben. Diese RGB-Gleitkommazahlen werden auf Acht-Bit-Ganzzahlen von null bis zweihundertfünfundfünfzig gerundet. CMYK folgt der klassischen subtraktiven Formel: Key ist eins minus der maximalen normalisierten Kanalstärke; für nicht-schwarze Farben ist jedes von Cyan, Magenta und Gelb eins minus Kanal minus Key, geteilt durch eins minus Key, ausgedrückt als ganzer Prozentsatz.

Reines Schwarz liefert Cyan, Magenta und Gelb null mit Key hundert. Die Antwort spiegelt die validierten HWB-Felder, die Zwischenwerte red, green und blue, die vier CMYK-Prozentsätze sowie kompakte hwb()- und cmyk()-Strings zum Einfügen in Stylesheets oder Tickets.

Was Sie eingeben und wie Sie das Ergebnis lesen

Bei Erfolg enthält der Körper diese Eingaben, red, green und blue, cyan, magenta, yellow, key sowie die Anzeige-Strings cmyk und hwb. Der Status ist beta, solange die öffentliche Oberfläche sich stabilisiert, aber die Arithmetik ist feste Lehrbuchmathematik und driftet bei gleichen Eingaben nicht. Bevorzugen Sie explizite Zahlenfelder statt Freitext-Farbstrings, damit OpenAPI, SDKs und Formularsteuerungen ausgerichtet bleiben und Sie mehrdeutiges Parsing von hex-, rgb()- oder hwb()-Notation auf dem Draht vermeiden.

Koppeln Sie dieses Werkzeug mit der Dokumentation Ihres Design Systems, damit digitale HWB-Tokens und Druck-CMYK-Spezifikationen einen einzigen deterministischen Umrechnungspfad teilen statt divergierender Tabellen. In Pipelines senden Sie jede Umwandlung als eigene Aufgabe und speichern die vier Tintenprozentsätze neben dem ursprünglichen HWB-Token für Audits und druckfertige Exporte.