ImageColorPicker.com

CMYK in HSL umrechnen

Jede CMYK-Farbe in HSL umrechnen, sofort und kostenlos

#754595

Füge einen beliebigen Farbwert ein, wir erkennen das Format automatisch.

C
M
Y
K
HSL-Ergebnis
Farbton
276°
Sättigung
37%
Helligkeit
43%

CMYK-Profil: Coated FOGRA39 (Photoshop-Standard für Europa)

Diese Farbe in allen Formaten

Eine Druckpalette ins Web zu übertragen ist in HSL leichter: Sobald deine Farbmischung als Farbton, Sättigung und Helligkeit vorliegt, baust du daraus in Sekunden Hover-Zustände und Abstufungen.

So funktioniert die Umrechnung von CMYK in HSL

  1. Rechne die CMYK-Prozentwerte mit dem Profil Coated FOGRA39 in sRGB-Kanäle zwischen 0 und 255 um.
  2. Teile die Kanäle durch 255 und bestimme Maximum und Minimum.
  3. Der Mittelwert aus Maximum und Minimum ist die Helligkeit L, ihr Abstand bestimmt die Sättigung S.
  4. Der Kanal mit dem Maximum legt den Farbton H in Grad auf dem Farbkreis fest.

Beispiel zum Nachrechnen

CMYK cmyk(66%, 82%, 0%, 0%)=HSL hsl(276, 37%, 43%)

Der Schritt von CMYK zu RGB nutzt das Standardprofil Coated FOGRA39, andere CMYK-Profile (zum Beispiel von deiner Druckerei) liefern deshalb andere Zahlen. HSL-Werte werden auf ganze Zahlen gerundet.

CMYK und HSL 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 HSL?

HSL zerlegt eine Farbe in Farbton (0–360° auf dem Farbkreis), Sättigung (wie farbig, 0–100%) und Helligkeit (wie hell, 0–100%). Weil jeder Teil dem entspricht, wie Menschen über Farbe sprechen, ist HSL das einfachste Format für Abstufungen und konsistente Paletten, von Hand oder im Code.

Syntax:
hsl(H, S%, L%)
Wertebereich:
0–360°, 0–100%, 0–100%
Ideal für:
Paletten, Farbabstufungen, Theming

Referenztabelle CMYK zu HSL

Die gängigsten CSS-Farben, umgerechnet von CMYK nach HSL.

FarbeCMYKHSL
blackcmyk(89%, 78%, 62%, 97%)hsl(0, 0%, 0%)
whitecmyk(0%, 0%, 0%, 0%)hsl(0, 0%, 100%)
redcmyk(0%, 95%, 92%, 0%)hsl(1, 79%, 51%)
limecmyk(64%, 0%, 100%, 0%)hsl(93, 60%, 44%)
bluecmyk(93%, 75%, 0%, 0%)hsl(224, 56%, 39%)
yellowcmyk(9%, 0%, 96%, 0%)hsl(57, 100%, 48%)
orangecmyk(0%, 43%, 94%, 0%)hsl(37, 93%, 53%)
tealcmyk(83%, 27%, 48%, 12%)hsl(180, 87%, 27%)
purplecmyk(63%, 100%, 4%, 1%)hsl(299, 58%, 31%)
graycmyk(48%, 39%, 39%, 21%)hsl(30, 1%, 50%)

Weitere Farbkonverter

Häufige Fragen

Rechne die CMYK-Prozentwerte mit dem Profil Coated FOGRA39 in sRGB-Kanäle zwischen 0 und 255 um. Teile die Kanäle durch 255 und bestimme Maximum und Minimum. Der Mittelwert aus Maximum und Minimum ist die Helligkeit L, ihr Abstand bestimmt die Sättigung S. Der Kanal mit dem Maximum legt den Farbton H in Grad auf dem Farbkreis fest.

Der Schritt von CMYK zu RGB nutzt das Standardprofil Coated FOGRA39, andere CMYK-Profile (zum Beispiel von deiner Druckerei) liefern deshalb andere Zahlen. HSL-Werte werden auf ganze Zahlen gerundet.

HSL zerlegt eine Farbe in Farbton (0–360° auf dem Farbkreis), Sättigung (wie farbig, 0–100%) und Helligkeit (wie hell, 0–100%). Weil jeder Teil dem entspricht, wie Menschen über Farbe sprechen, ist HSL das einfachste Format für Abstufungen und konsistente Paletten, von Hand oder im Code.

Ja. Der Tausch-Button neben dem Eingabefeld führt dich direkt zum Konverter von HSL zu CMYK, der genauso funktioniert. Beide Richtungen nutzen dieselbe Formel, nur umgekehrt angewendet.

Sobald du in HSL bist, behalte den Farbton aus dem Druck bei und passe für die Webversion nur die Helligkeit an. So bleibt die Markenfarbe erkennbar und erfüllt trotzdem die Kontrastanforderungen am Bildschirm.