ImageColorPicker.com

CMYK u HSL pretvarač

Pretvori bilo koju CMYK boju u HSL — odmah i besplatno

#754595

Zalijepi bilo koju vrijednost boje — mi prepoznajemo format.

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

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

Ova boja u svim formatima

Unošenje tiskane palete na web lakše je u HSL-u: kad je miks tinte izražen kao hue, saturation i lightness, možeš za sekunde izgraditi hover stanja, tintove i shadeove.

Kako funkcionira pretvorba CMYK u HSL

  1. Pretvori CMYK postotke u sRGB kanale između 0 i 255 pomoću profila Coated FOGRA39.
  2. Podijeli kanale s 255 i uzmi njihov maksimum i minimum.
  3. Prosjek maksimuma i minimuma je lightness L, a njihov raspon određuje saturation S.
  4. Kanal koji drži maksimum određuje hue H u stupnjevima na kolu boja.

Primjer

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 iz tvoje tiskare) daju drugačije brojeve. HSL vrijednosti zaokružuju se na cijele brojeve.

CMYK i HSL objašnjeno

Što je CMYK?

CMYK je model s četiri tinte koji se koristi u tisku: cyan, magenta, yellow i key (crna), svaki kao postotak od 0 do 100. Tinta oduzima svjetlost umjesto da je emitira, pa CMYK pokriva manje boja nego zaslon — zbog toga svijetle boje s ekrana često izgledaju prigušenije na tisku.

Sintaksa:
cmyk(C%, M%, Y%, K%)
Raspon:
0–100% po tinti
Najbolje za:
tiskanje, pakiranje, priprema za tisak

Što je HSL?

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

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

Referentna tablica CMYK u HSL

Najčešće CSS boje, pretvorene 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%)

Više pretvarača boja

Frequently asked questions

Pretvori CMYK postotke u sRGB kanale između 0 i 255 pomoću profila Coated FOGRA39. Podijeli kanale s 255 i uzmi njihov maksimum i minimum. Prosjek maksimuma i minimuma je lightness L, a njihov raspon određuje saturation 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 iz tvoje tiskare) daju drugačije brojeve. HSL vrijednosti zaokružuju se na cijele brojeve.

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

Da. Gumb za zamjenu pored unosa vodi te na pretvarač HSL u CMYK, koji radi potpuno na isti način. Oba smjera koriste istu formulu, samo primijenjenu obrnuto.

Kad si u HSL-u, zadrži hue iz tiska i podešavaj samo lightness za web verziju. Tako će brend-boja ostati prepoznatljiva, a istovremeno ispuniti zahtjeve kontrasta za zaslone.