CMYK u HSL pretvarač

Konvertuj bilo koju CMYK boju u HSL — odmah i besplatno

#754595

Zalijepi bilo koju vrijednost boje — mi detektujemo format za tebe.

C
M
Y
K
HSL rezultat
Ton
276°
Zasićenje
37%
Svjetlina
43%

CMYK profil: Coated FOGRA39 (Photoshopova zadana postavka za Evropu)

Ova boja u svim formatima

Prebacivanje tiskane palete na web je lakše u HSL-u: kad je tvoja mješavina tinte izražena kao hue, saturation i lightness, možeš u sekundama napraviti hover stanja, tintove i shadeove.

Kako radi konverzija iz CMYK u HSL

  1. Pretvori CMYK postotke u sRGB kanale između 0 i 255 uz profil Coated FOGRA39.
  2. Podijeli kanale s 255 i uzmi njihov maksimum i minimum.
  3. Prosjek maksimuma i minimuma je svjetlina L, a njihova razlika određuje saturaciju S.
  4. Kanal koji drži maksimum određuje hue H u stupnjevima na kolu boja.

Primjer koji radi

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

Korak CMYK u RGB koristi standardni profil Coated FOGRA39, pa drugi CMYK profili (na primjer od tvoje tiskare) daju drugačije brojeve. HSL vrijednosti su zaokružene na cijele brojeve.

CMYK i HSL objašnjeni

Šta je CMYK?

CMYK je model sa četiri boje mastila koji se koristi u tisku: cyan, magenta, yellow i key (crna), svaka kao postotak od 0 do 100. Mastilo oduzima svjetlo umjesto da ga emituje, pa CMYK pokriva manje boja nego ekran — zato svijetle boje na ekranu često izgledaju prigušenije nakon tiska.

Sintaksa:
cmyk(C%, M%, Y%, K%)
Opseg:
0–100% po boji
Najbolje za:
tisak, pakovanje, priprema za tiskanje

Šta je HSL?

HSL dijeli boju na nijansu (0–360° na kolor točku), zasićenost (koliko je boja intenzivna, 0–100%) i svjetlinu (koliko je svijetla, 0–100%). Pošto svaki dio odgovara načinu na koji ljudi opisuju boju, HSL je najjednostavniji format za izradu 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, teming

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 postotke u sRGB kanale između 0 i 255 uz profil Coated FOGRA39. Podijeli kanale s 255 i uzmi njihov maksimum i minimum. Prosjek maksimuma i minimuma je svjetlina L, a njihova razlika određuje saturaciju S. Kanal koji drži maksimum određuje hue H u stupnjevima na kolu boja.

Korak CMYK u RGB koristi standardni profil Coated FOGRA39, pa drugi CMYK profili (na primjer od tvoje tiskare) daju drugačije brojeve. HSL vrijednosti su zaokružene na cijele brojeve.

HSL dijeli boju na nijansu (0–360° na kolor točku), zasićenost (koliko je boja intenzivna, 0–100%) i svjetlinu (koliko je svijetla, 0–100%). Pošto svaki dio odgovara načinu na koji ljudi opisuju boju, HSL je najjednostavniji format za izradu nijansi, tonova i konzistentnih paleta — ručno ili u kodu.

Da. Dugme za zamjenu pored unosa vodi te na konverter HSL u CMYK, koji radi potpuno isto. Oba smjera koriste istu formulu, samo primijenjenu obrnuto.

Kad prijeđeš u HSL, zadrži hue iz tiska i prilagodi samo svjetlinu za web verziju. To održava prepoznatljivost brend boje dok zadovoljavaš zahtjeve kontrasta za ekran.