Paletat e dizajnuara në HSL shpesh përfundojnë në letër. Ky konvertues merr hue, saturation dhe lightness që ke zgjedhur dhe kthen përqindjet e katër bojërave me të cilat punon shtypsia.
Si funksionon konvertimi HSL në CMYK
- Kthe tripletën HSL në kanalet RGB midis 0 dhe 255.
- Normalizo ato kanale duke i pjesëtuar me 255.
- Llogarit përbërësin key K = 1 − max(R, G, B).
- Përfto C, M dhe Y nga kanalet e mbetura dhe kthe të katër në përqindje.
Shembull i punuar
Bëhen dy konvertime njëra pas tjetrës, kështu që rrumbullakosja ndodh dy herë — dhe CMYK mbetet një përafërim pa profil ngjyre. Pris rezultatet e shtypura të jenë pak më pak të gjalla se paraqitja HSL.
HSL dhe CMYK shpjeguara
Çfarë është HSL?
HSL ndan një ngjyrë në hue (0–360° në rrotën e ngjyrave), saturation (sa e ngjyrshme, 0–100%) dhe lightness (sa e ndritshme, 0–100%). Sepse secila pjesë i përgjigjet mënyrës si njerëzit përshkruajnë ngjyrën, HSL është formati më i lehtë për të ndërtuar tintat, hijet dhe paletat konsistente — me dorë ose në kod.
- Sintaksa:
- hsl(H, S%, L%)
- Dhe:
- 0–360°, 0–100%, 0–100%
- Më i mirë për:
- paleta, tintat dhe hijet, tematizim
Çfarë është CMYK?
CMYK është modeli me katër bojëra i përdorur në printim: cyan, magenta, yellow dhe key (e zezë), secila si përqindje nga 0 deri në 100. Boja zbeh dritën në vend që ta emetojë, kështu që CMYK mbulon më pak ngjyra sesa një ekran — prandaj ngjyrat e ndritshme të ekranit shpesh duken më të zbehta pasi printohen.
- Sintaksa:
- cmyk(C%, M%, Y%, K%)
- Dhe:
- 0–100% për bojë
- Më i mirë për:
- print, paketim, artwork gati për shtyp
tabelë referimi HSL në CMYK
Ngjyrat më të zakonshme CSS, të konvertuara nga HSL në CMYK.
| Ngjyrë | HSL | CMYK |
|---|---|---|
| black | hsl(0, 0%, 0%) | cmyk(0%, 0%, 0%, 100%) |
| white | hsl(0, 0%, 100%) | cmyk(0%, 0%, 0%, 0%) |
| red | hsl(0, 100%, 50%) | cmyk(0%, 100%, 100%, 0%) |
| lime | hsl(120, 100%, 50%) | cmyk(100%, 0%, 100%, 0%) |
| blue | hsl(240, 100%, 50%) | cmyk(100%, 100%, 0%, 0%) |
| yellow | hsl(60, 100%, 50%) | cmyk(0%, 0%, 100%, 0%) |
| orange | hsl(39, 100%, 50%) | cmyk(0%, 35%, 100%, 0%) |
| teal | hsl(180, 100%, 25%) | cmyk(100%, 1%, 0%, 50%) |
| purple | hsl(300, 100%, 25%) | cmyk(0%, 100%, 1%, 50%) |
| gray | hsl(0, 0%, 50%) | cmyk(0%, 0%, 0%, 50%) |