CMYK u HSL pretvarač

Pretvori bilo koju CMYK boju u HSL — odmah i besplatno

#754595

Nalepi bilo koju vrednost boje — mi ćemo prepoznati format za tebe.

C
M
Y
K
rezultat HSL
Ton
276°
Zasićenost
37%
Osvetljenost
43%

CMYK profil: Coated FOGRA39 (Photoshopova podrazumevana vrednost za Evropu)

Ova boja u svim formatima

Prebacivanje štampane palete na web je lakše u HSL: kada je tvoja mešavina tinte izražena kao hue, saturation i lightness, možeš u sekundama napraviti hover stanja, tintove i shade-ove.

Kako funkcioniše pretvaranje CMYK u HSL

  1. Pretvori CMYK procente u sRGB kanale između 0 i 255 pomoću profila Coated FOGRA39.
  2. Podeli kanale sa 255 i uzmi njihov maksimum i minimum.
  3. Prosek maksimuma i minimuma je lightness L, njihov razmak određuje saturation S.
  4. Kanal koji drži maksimum određuje hue H u stepenima na točku boja.

Praktičan primer

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

CMYK u RGB korak koristi standardni profil Coated FOGRA39, pa drugi CMYK profili (na primer iz tvoje štamparije) daju drugačije brojeve. HSL vrednosti se zaokružuju na cele brojeve.

CMYK i HSL objašnjeni

Šta je CMYK?

CMYK je model sa četiri tinte koji se koristi u štampi: cyan, magenta, yellow i key (crna), svaka izražena procentima od 0 do 100. Tinta oduzima svetlost umesto da je emituje, zato CMYK pokriva manje boja nego ekran — zato jarke boje sa ekrana često deluju bleđe kada se odštampaju.

Sintaksa:
cmyk(C%, M%, Y%, K%)
Opseg:
0–100% po tinti
Najbolje za:
štampa, pakovanje, priprema za štampu

Šta je HSL?

HSL deli boju na hue (0–360° na točku boja), saturation (koliko je zasićena, 0–100%) i lightness (koliko je svetla, 0–100%). Pošto svaki deo odgovara načinu na koji ljudi opisuju boju, HSL je najlakši format za pravljenje nijansi, tonova i konzistentnih paleta — ručno ili u kodu.

Sintaksa:
hsl(H, S%, L%)
Opseg:
0–360°, 0–100%, 0–100%
Najbolje za:
palete, nijanse i tonovi, theming

CMYK u HSL referentna tabela

Najčešće CSS boje, konvertovane iz CMYK u HSL.

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

Često postavljana pitanja

Pretvori CMYK procente u sRGB kanale između 0 i 255 pomoću profila Coated FOGRA39. Podeli kanale sa 255 i uzmi njihov maksimum i minimum. Prosek maksimuma i minimuma je lightness L, njihov razmak određuje saturation S. Kanal koji drži maksimum određuje hue H u stepenima na točku boja.

CMYK u RGB korak koristi standardni profil Coated FOGRA39, pa drugi CMYK profili (na primer iz tvoje štamparije) daju drugačije brojeve. HSL vrednosti se zaokružuju na cele brojeve.

HSL deli boju na hue (0–360° na točku boja), saturation (koliko je zasićena, 0–100%) i lightness (koliko je svetla, 0–100%). Pošto svaki deo odgovara načinu na koji ljudi opisuju boju, HSL je najlakši format za pravljenje nijansi, tonova i konzistentnih paleta — ručno ili u kodu.

Da. Dugme za zamenu pored unosa vodi te na konverter HSL u CMYK, koji radi potpuno isto. Oba smera koriste istu formulu, samo primenjenu obrnutim redosledom.

Kad si već u HSL-u, sačuvaj hue iz štampe i prilagodi samo lightness za web verziju. Tako zadržavaš prepoznatljivost brend boje dok ispunjavaš zahteve kontrasta za ekrane.