Palettes tsim nyob rau HSL feem ntau mus rau ntawm daim ntawv. Qhov converter no nqa lub hue, saturation thiab lightness uas koj xaiv thiab rov qab rau plaub ink percentages uas lub print shop ua haujlwm nrog.
Yuav ua li cas HSL rau CMYK hloov ua haujlwm
- Hloov HSL triple mus rau RGB channels nruab nrab 0 thiab 255.
- Normalise cov channels ntawd los ntawm kev faib los ntawm 255.
- Xam key component K = 1 − max(R, G, B).
- Txiav C, M thiab Y los ntawm cov channel seem thiab hloov tag nrho plaub mus rau percentages.
Qhia ua piv txwv
Ob qho kev hloov tshwm sim ib txhij, yog li rounding tshwm ob zaug — thiab CMYK tseem yog ib qho approximation tsis muaj color profile. Expect qhov luam tawm yuav qee feem tsawg dua li HSL preview.
HSL thiab CMYK piav
Dab tsi yog HSL?
HSL faib xim ua hue (0–360° ntawm lub log xim), saturation (xim npaum li cas, 0–100%) thiab lightness (qhov ci npaum li cas, 0–100%). Vim txhua feem phim nrog txoj kev tib neeg piav xim, HSL yog qhov yooj yim tshaj rau tsim tints, shades thiab palettes sib xws — los ntawm tes lossis hauv code.
- Syntax:
- hsl(H, S%, L%)
- Range:
- 0–360°, 0–100%, 0–100%
- Zoo tshaj rau:
- palettes, tints and shades, theming
Dab tsi yog CMYK?
CMYK yog qauv plaub-ink siv hauv kev luam: cyan, magenta, yellow thiab key (black), txhua tus ua feem pua los ntawm 0 txog 100. Ink thim teeb es tsis txhob tso tawm nws, yog li CMYK npog tsawg xim dua zaub — yog vim li cas cov xim ci ncoo ntawm zaub qee zaum zoo li tsis ci thaum luam tawm.
- Syntax:
- cmyk(C%, M%, Y%, K%)
- Range:
- 0–100% per ink
- Zoo tshaj rau:
- print, packaging, press-ready artwork
HSL rau CMYK daim ntawv reference
Cov xim CSS feem ntau, hloov los ntawm HSL rau CMYK.
| Xim | 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%) |