ImageColorPicker.com

CMYK → HSL muunnin

Muunna mikä tahansa CMYK-väri muotoon HSL — välittömästi ja ilmaiseksi

#754595

Liitä mikä tahansa värin arvo — tunnistamme muodon puolestasi.

C
M
Y
K
HSL-tulos
Sävy
276°
Kylläisyys
37%
Vaaleus
43%

CMYK-profiili: Coated FOGRA39 (Photoshopin oletus Euroopassa)

Tämä väri kaikissa muodoissa

Painopaletin tuominen verkkoon on helpompaa HSL:ssä: kun musteseos on ilmaistu sävynä, kylläisyytenä ja valoisuutena, voit luoda hover-tiloja, pastelleja ja varjostuksia sekunneissa.

Kuinka CMYK→HSL muunnos toimii

  1. Muunna CMYK-prosentit sRGB-kanaviksi välillä 0 ja 255 Coated FOGRA39 -profiilin avulla.
  2. Jaa kanavat 255:llä ja ota niiden maksimi ja minimi.
  3. Maksimin ja minimin keskiarvo on valoisuus L, niiden erotus määrää kylläisyyden S.
  4. Se kanava, joka pitää sisällään maksimin, määrää sävyn H asteina väripyörällä.

Esimerkkilaskelma

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

Vaihe CMYK:stä RGB:hen käyttää Coated FOGRA39 -standardiprofiilia, joten muut CMYK-profiilit (esimerkiksi painotalosi profiilit) antavat erilaisia lukuja. HSL-arvot pyöristetään kokonaisluvuiksi.

CMYK ja HSL selitettynä

Mikä on CMYK?

CMYK on nelivärimalli painatuksessa: cyan, magenta, yellow ja key (musta), kukin prosenttiosuutena 0–100. Muste poistaa valoa sen sijaan, että se säteilisi, joten CMYK kattaa vähemmän värisävyjä kuin näyttö — siksi kirkkaat näyttövärisävyt usein näyttävät himmeämmiltä painettuna.

Syntaksi:
cmyk(C%, M%, Y%, K%)
Arvoalue:
0–100% per muste
Parhaiten soveltuu:
paino, pakkaukset, painovalmiit taitotiedostot

Mikä on HSL?

HSL jakaa värin sävyyn (0–360° väripyörällä), kylläisyyteen (kuinka värikäs, 0–100%) ja vaaleuteen (kuinka kirkas, 0–100%). Koska kukin osa vastaa tapaa, jolla ihmiset kuvaavat väriä, HSL on helpoin formaatti sävyjen, tummennosten ja yhtenäisten palettien rakentamiseen — käsin tai koodissa.

Syntaksi:
hsl(H, S%, L%)
Arvoalue:
0–360°, 0–100%, 0–100%
Parhaiten soveltuu:
paletit, sävyt ja tummennokset, teemoittaminen

CMYK → HSL viitetaulukko

Yleisimmät CSS-värit, muunnettu muodosta CMYK muotoon HSL.

VäriCMYKHSL
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%)

Lisää värimuuntimia

Usein kysyttyä

Muunna CMYK-prosentit sRGB-kanaviksi välillä 0 ja 255 Coated FOGRA39 -profiilin avulla. Jaa kanavat 255:llä ja ota niiden maksimi ja minimi. Maksimin ja minimin keskiarvo on valoisuus L, niiden erotus määrää kylläisyyden S. Se kanava, joka pitää sisällään maksimin, määrää sävyn H asteina väripyörällä.

Vaihe CMYK:stä RGB:hen käyttää Coated FOGRA39 -standardiprofiilia, joten muut CMYK-profiilit (esimerkiksi painotalosi profiilit) antavat erilaisia lukuja. HSL-arvot pyöristetään kokonaisluvuiksi.

HSL jakaa värin sävyyn (0–360° väripyörällä), kylläisyyteen (kuinka värikäs, 0–100%) ja vaaleuteen (kuinka kirkas, 0–100%). Koska kukin osa vastaa tapaa, jolla ihmiset kuvaavat väriä, HSL on helpoin formaatti sävyjen, tummennosten ja yhtenäisten palettien rakentamiseen — käsin tai koodissa.

Kyllä. Vaihtonappi syötteen vieressä vie sinut HSL → CMYK -muuntimeen, joka toimii täsmälleen samalla tavalla. Molemmat suunnat käyttävät samaa kaavaa, vain sovellettuna päinvastoin.

Kun olet HSL:ssä, pidä printin sävy ja säädä verkkoversiota varten vain valoisuutta. Näin brändiväri pysyy tunnistettavana ja näytön kontrastivaatimukset täyttyvät.