CMYK to HSL converter

Konverter enhver CMYK-farge til HSL — umiddelbart og gratis

#754595

Lim inn hvilken som helst fargeverdi — vi oppdager formatet for deg.

C
M
Y
K
HSL resultat
Fargetone
276°
Metning
37%
Lyshet
43%

CMYK-profil: Coated FOGRA39 (Photoshops standard for Europa)

Denne fargen i alle formater

Å ta en trykkpalett til web er enklere i HSL: når blekksammensetningen er uttrykt som hue, saturation og lightness, kan du bygge hover-tilstander, tints og shades fra den på sekunder.

Hvordan konvertering fra CMYK til HSL fungerer

  1. Konverter CMYK-prosentene til sRGB-kanaler mellom 0 og 255 med profilen Coated FOGRA39.
  2. Del kanalene på 255 og ta deres maksimum og minimum.
  3. Gjennomsnittet av maksimum og minimum er lightness L, og spennet deres styrer saturasjonen S.
  4. Kanalen som inneholder maksimum bestemmer hue H i grader på fargehjulet.

Eksempel

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

CMYK-til-RGB-steget bruker standardprofilen Coated FOGRA39, så andre CMYK-profiler (for eksempel fra trykkeriet ditt) gir andre tall. HSL-verdiene er avrundet til hele tall.

CMYK and HSL explained

Hva er CMYK?

CMYK er fire-blekks-modellen som brukes i trykk: cyan, magenta, gul og key (svart), hver som en prosent fra 0 til 100. Blekk subtraherer lys i stedet for å sende det ut, så CMYK dekker færre farger enn en skjerm — derfor ser ofte sterke skjermfarger mattere ut når de trykkes.

Syntaks:
cmyk(C%, M%, Y%, K%)
Område:
0–100% per blekk
Best egnet for:
trykk, emballasje, trykkklart arbeid

Hva er HSL?

HSL deler en farge i hue (0–360° på fargesirkelen), saturation (hvor fargerik, 0–100%) og lightness (hvor lys, 0–100%). Siden hver del matcher måten folk beskriver farge på, er HSL det enkleste formatet for å bygge nyanser, skygger og konsistente paletter — for hånd eller i kode.

Syntaks:
hsl(H, S%, L%)
Område:
0–360°, 0–100%, 0–100%
Best egnet for:
paletter, nyanser og skygger, tematikk

Referansetabell fra CMYK til HSL

De vanligste CSS-fargene, konvertert fra CMYK til HSL.

FargeCMYKHSL
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%)

Ofte stilte spørsmål

Konverter CMYK-prosentene til sRGB-kanaler mellom 0 og 255 med profilen Coated FOGRA39. Del kanalene på 255 og ta deres maksimum og minimum. Gjennomsnittet av maksimum og minimum er lightness L, og spennet deres styrer saturasjonen S. Kanalen som inneholder maksimum bestemmer hue H i grader på fargehjulet.

CMYK-til-RGB-steget bruker standardprofilen Coated FOGRA39, så andre CMYK-profiler (for eksempel fra trykkeriet ditt) gir andre tall. HSL-verdiene er avrundet til hele tall.

HSL deler en farge i hue (0–360° på fargesirkelen), saturation (hvor fargerik, 0–100%) og lightness (hvor lys, 0–100%). Siden hver del matcher måten folk beskriver farge på, er HSL det enkleste formatet for å bygge nyanser, skygger og konsistente paletter — for hånd eller i kode.

Ja. Bytt-knappen ved siden av inndatafeltet tar deg til HSL til CMYK-konverteren, som fungerer på nøyaktig samme måte. Begge retninger bruker samme formel, bare anvendt i motsatt rekkefølge.

Når du først er i HSL, behold hue fra trykk og juster bare lightness for webversjonen. Det beholder merkevaren samtidig som du møter skjermens kontrastkrav.