ImageColorPicker.com

Konvertor z CMYK na HSL

Preveď akúkoľvek farbu z CMYK do HSL — okamžite a zadarmo

#754595

Vlož akúkoľvek hodnotu farby — my formát automaticky rozpoznáme.

C
M
Y
K
Výsledok HSL
Odtieň
276°
Saturácia
37%
Svetlosť
43%

Profil CMYK: Coated FOGRA39 (predvolený profil Photoshopu pre Európu)

Táto farba vo všetkých formátoch

Preniesť tlačenú paletu na web je v HSL jednoduchšie: ak máš zmes atramentu vyjadrenú ako odtieň, sýtosť a svetlosť, môžeš z nej za sekundy vytvoriť hover stavy, tóny a tiene.

Ako funguje konverzia z CMYK na HSL

  1. CMYK percentá preveď s profilom Coated FOGRA39 na kanály sRGB od 0 do 255.
  2. Vydel kanály 255 a zisti ich maximum a minimum.
  3. Priemer maxima a minima je svetlosť L, ich rozdiel určuje sýtosť S.
  4. Kanál s maximom určuje odtieň H v stupňoch na farebnom kolese.

Príklad

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

Krok CMYK na RGB používa štandardný profil Coated FOGRA39, takže iné profily CMYK (napríklad od tvojej tlačiarne) dávajú iné čísla. Hodnoty HSL sa zaokrúhľujú na celé čísla.

CMYK a HSL vysvetlené

Čo je CMYK?

CMYK je model s pomocou štyroch farieb používaný v tlači: cyan, magenta, yellow a key (black), každý ako percento od 0 do 100. Atrament odoberá svetlo namiesto jeho vyžarovania, takže CMYK pokrýva menej farieb než obrazovka — preto živé farby na obrazovke často vyzerajú po vytlačení mdlšie.

Syntax:
cmyk(C%, M%, Y%, K%)
Rozsah:
0–100% na farbu
Najvhodnejšie pre:
tlač, balenie, pripravené podklady pre tlač

Čo je HSL?

HSL rozdeľuje farbu na odtieň (hue, 0–360° na farebnom kruhu), sýtosť (saturation, ako farebná, 0–100%) a svetlosť (lightness, ako jasná, 0–100%). Keďže každá časť zodpovedá tomu, ako ľudia opisujú farby, HSL je najjednoduchší formát na tvorbu odtieňov, tmavších alebo svetlejších variácií a konzistentných paliet — ručne alebo v kóde.

Syntax:
hsl(H, S%, L%)
Rozsah:
0–360°, 0–100%, 0–100%
Najvhodnejšie pre:
palety, odtiene a tiene, theming

Referenčná tabuľka CMYK → HSL

Najbežnejšie CSS farby prevedené z CMYK na HSL.

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

Ďalšie konvertory farieb

Často kladené otázky

CMYK percentá preveď s profilom Coated FOGRA39 na kanály sRGB od 0 do 255. Vydel kanály 255 a zisti ich maximum a minimum. Priemer maxima a minima je svetlosť L, ich rozdiel určuje sýtosť S. Kanál s maximom určuje odtieň H v stupňoch na farebnom kolese.

Krok CMYK na RGB používa štandardný profil Coated FOGRA39, takže iné profily CMYK (napríklad od tvojej tlačiarne) dávajú iné čísla. Hodnoty HSL sa zaokrúhľujú na celé čísla.

HSL rozdeľuje farbu na odtieň (hue, 0–360° na farebnom kruhu), sýtosť (saturation, ako farebná, 0–100%) a svetlosť (lightness, ako jasná, 0–100%). Keďže každá časť zodpovedá tomu, ako ľudia opisujú farby, HSL je najjednoduchší formát na tvorbu odtieňov, tmavších alebo svetlejších variácií a konzistentných paliet — ručne alebo v kóde.

Áno. Tlačidlo výmeny vedľa vstupu ťa presunie na prevodník z HSL na CMYK, ktorý funguje úplne rovnako. Obe smerovania používajú ten istý vzorec, len aplikovaný naopak.

Keď sa dostaneš do HSL, zachovaj odtieň z tlače a uprav len svetlosť pre webovú verziu. Tak zostane rozlišiteľnosť značkovej farby a zároveň splníš požiadavky na kontrast obrazovky.